@sapudex/web-components 2.37.0 → 2.38.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/cypress/specs/List.cy.tsx +38 -0
- package/cypress/specs/PasswordField.cy.tsx +36 -0
- package/cypress/specs/Search.cy.tsx +265 -0
- package/cypress/specs/SelectBox.cy.tsx +18 -0
- package/dist/List.d.ts +1 -0
- package/dist/List.js +4 -0
- package/dist/List.js.map +1 -1
- package/dist/PasswordField.d.ts +16 -0
- package/dist/PasswordField.js +40 -0
- package/dist/PasswordField.js.map +1 -1
- package/dist/PasswordFieldTemplate.js +1 -1
- package/dist/PasswordFieldTemplate.js.map +1 -1
- package/dist/Search.d.ts +1 -0
- package/dist/Search.js +6 -0
- package/dist/Search.js.map +1 -1
- package/dist/SelectBox.js +1 -0
- package/dist/SelectBox.js.map +1 -1
- package/dist/TextField.js +1 -0
- package/dist/TextField.js.map +1 -1
- package/dist/Wizard.d.ts +2 -2
- package/dist/Wizard.js +7 -7
- package/dist/Wizard.js.map +1 -1
- package/dist/assets/{InputSuggestions-CAJNg_KD.js → InputSuggestions-BQp20KJM.js} +1 -1
- package/dist/assets/{ListItemStandardExpandableTextTemplate-CTxLxjip.js → ListItemStandardExpandableTextTemplate-D0w0u6f7.js} +1 -1
- package/dist/assets/{bundle.esm-AREsL-HM.js → bundle.esm-DIFG6k5I.js} +95 -95
- package/dist/assets/messagebundle_bg-4ainC3nj.js +1 -0
- package/dist/assets/messagebundle_cs-CFtmLavu.js +1 -0
- package/dist/assets/messagebundle_en-BxjFAY2S.js +1 -0
- package/dist/css/themes/RatingIndicator.css +1 -1
- package/dist/css/themes/SecondaryNavigationSubItem.css +1 -1
- package/dist/css/themes/Slider.css +1 -1
- package/dist/css/themes/Wizard.css +1 -1
- package/dist/css/themes/WizardTab.css +1 -1
- package/dist/custom-elements-internal.json +46 -0
- package/dist/custom-elements.json +30 -0
- package/dist/features/SearchSuggestionsPopover.d.ts +4 -0
- package/dist/features/SearchSuggestionsPopover.js +56 -3
- package/dist/features/SearchSuggestionsPopover.js.map +1 -1
- package/dist/generated/assets/i18n/messagebundle_bg.json +1 -1
- package/dist/generated/assets/i18n/messagebundle_cs.json +1 -1
- package/dist/generated/assets/i18n/messagebundle_en.json +1 -1
- package/dist/generated/i18n/i18n-defaults.d.ts +2 -3
- package/dist/generated/i18n/i18n-defaults.js +2 -3
- package/dist/generated/i18n/i18n-defaults.js.map +1 -1
- package/dist/generated/templates/ListTemplate.lit.js +1 -1
- package/dist/generated/templates/ListTemplate.lit.js.map +1 -1
- package/dist/generated/themes/RatingIndicator.css.d.ts +1 -1
- package/dist/generated/themes/RatingIndicator.css.js +1 -1
- package/dist/generated/themes/RatingIndicator.css.js.map +1 -1
- package/dist/generated/themes/SecondaryNavigationSubItem.css.d.ts +1 -1
- package/dist/generated/themes/SecondaryNavigationSubItem.css.js +1 -1
- package/dist/generated/themes/SecondaryNavigationSubItem.css.js.map +1 -1
- package/dist/generated/themes/Slider.css.d.ts +1 -1
- package/dist/generated/themes/Slider.css.js +1 -1
- package/dist/generated/themes/Slider.css.js.map +1 -1
- package/dist/generated/themes/Wizard.css.d.ts +1 -1
- package/dist/generated/themes/Wizard.css.js +1 -1
- package/dist/generated/themes/Wizard.css.js.map +1 -1
- package/dist/generated/themes/WizardTab.css.d.ts +1 -1
- package/dist/generated/themes/WizardTab.css.js +1 -1
- package/dist/generated/themes/WizardTab.css.js.map +1 -1
- package/dist/messagebundle.properties +1 -6
- package/dist/messagebundle_bg.properties +129 -2
- package/dist/messagebundle_cs.properties +126 -0
- package/dist/messagebundle_en.properties +3 -1
- package/dist/vscode.html-custom-data.json +1 -1
- package/dist/web-types.json +32 -4
- package/package.json +1 -1
- package/src/List.hbs +1 -1
- package/src/List.ts +5 -0
- package/src/PasswordField.ts +55 -0
- package/src/PasswordFieldTemplate.tsx +3 -0
- package/src/Search.ts +7 -0
- package/src/SelectBox.ts +1 -0
- package/src/TextField.ts +1 -0
- package/src/Wizard.ts +15 -14
- package/src/features/SearchSuggestionsPopover.ts +59 -3
- package/src/generated/i18n/i18n-defaults.ts +2 -2
- package/src/generated/templates/ListTemplate.lit.ts +1 -1
- package/src/generated/themes/RatingIndicator.css.ts +1 -1
- package/src/generated/themes/SecondaryNavigationSubItem.css.ts +1 -1
- package/src/generated/themes/Slider.css.ts +1 -1
- package/src/generated/themes/Wizard.css.ts +1 -1
- package/src/generated/themes/WizardTab.css.ts +1 -1
- package/src/i18n/messagebundle.properties +1 -6
- package/src/i18n/messagebundle_bg.properties +129 -2
- package/src/i18n/messagebundle_cs.properties +126 -0
- package/src/i18n/messagebundle_en.properties +3 -1
- package/src/themes/SecondaryNavigationSubItem.css +1 -0
- package/src/themes/Wizard.css +19 -15
- package/src/themes/WizardTab.css +43 -28
- package/dist/assets/messagebundle_bg-4X593TQq.js +0 -1
- package/dist/assets/messagebundle_cs-Bt8XtMib.js +0 -1
- package/dist/assets/messagebundle_en-iNqRB1VZ.js +0 -1
|
@@ -3,6 +3,6 @@ import defaultThemeBase from "@ui5/webcomponents-theming/dist/generated/themes/s
|
|
|
3
3
|
import defaultTheme from "./sap_horizon/parameters-bundle.css.js";
|
|
4
4
|
registerThemePropertiesLoader("@" + "ui5" + "/" + "webcomponents-theming", "sap_horizon", async () => defaultThemeBase);
|
|
5
5
|
registerThemePropertiesLoader("@" + "s" + "a" + "p" + "u" + "d" + "e" + "x" + "/" + "w" + "e" + "b" + "-" + "c" + "o" + "m" + "p" + "o" + "n" + "e" + "n" + "t" + "s", "sap_horizon", async () => defaultTheme);
|
|
6
|
-
export default `:host{--udex-wizard-title-color: var(--udexColorGrey9, #223548);--udex-wizard-disabled-number-color: var(--udexColorGrey6, #5B738B);--udex-wizard-disabled-border-color: var(--udexColorGrey4, #A9B4BE);--udex-wizard-completed-number-color: var(--udexColorBlue9, #0040B0);--udex-wizard-completed-border-color: var(--udexColorBlue9, #0040B0)}:host .ui5-wiz-step-title-text{font-size:var(--udexTypographyNavigationMediumMFontSize);font-weight:var(--udexTypographyFontWeightMedium)}:host .ui5-wiz-step-icon-circle{margin:0
|
|
6
|
+
export default `:host{--udex-wizard-title-color: var(--udexColorGrey9, #223548);--udex-wizard-disabled-number-color: var(--udexColorGrey6, #5B738B);--udex-wizard-disabled-border-color: var(--udexColorGrey4, #A9B4BE);--udex-wizard-completed-number-color: var(--udexColorBlue9, #0040B0);--udex-wizard-completed-border-color: var(--udexColorBlue9, #0040B0)}.ui5-wiz-step-root:focus .ui5-wiz-step-main{outline-offset:0}:host .ui5-wiz-step-title-text{font-size:var(--udexTypographyNavigationMediumMFontSize);font-weight:var(--udexTypographyFontWeightMedium)}:host .ui5-wiz-step-icon-circle{margin:0 10px;border:1px solid var(--sapSelectedColor)}:host([hide-separator]) .ui5-wiz-step-texts{padding-inline-end:0}.ui5-wiz-step-texts{padding-inline-start:0;padding-inline-end:var(--udexSpacer8)}:host .ui5-wiz-step-hr{margin:0}:host([selected]:not([disabled])) .ui5-wiz-step-icon-circle{background:var(--sapSelectedColor)}:host([selected]:not([disabled])) .ui5-wiz-step-title-text,:host([disabled]) .ui5-wiz-step-title-text{color:var(--udex-wizard-title-color)}:host([selected]:not([disabled])) .ui5-wiz-step-icon-circle:after{border-bottom:.188rem solid var(--udexColorBlue7);left:-2px;right:-2px}:host([disabled]) .ui5-wiz-step-number,:host([disabled]) .ui5-wiz-step-icon-circle{color:var(--udex-wizard-disabled-number-color)}:host([disabled]) .ui5-wiz-step-icon-circle{border-color:var(--udex-wizard-disabled-border-color)}:host(:last-child) .ui5-wiz-step-hr{border:none;background-image:linear-gradient(to right,var(--udexColorGrey6) 50%,transparent 0%);background-size:var(--udexSpacer4) var(--udexSpacer2)}:host([completed]) .ui5-wiz-step-number,:host([completed]) .ui5-wiz-step-icon-circle{color:var(--udex-wizard-completed-number-color)}:host([completed]:not([selected])) .ui5-wiz-step-icon-circle{border-color:var(--udex-wizard-completed-border-color)}:host([data-ui5-index="1"]) .ui5-wiz-step-icon-circle{margin-inline-end:10px;margin-inline-start:0}:host([breakpoint="S"]) .ui5-wiz-step-texts{display:none}:host([breakpoint="S"]) .ui5-wiz-step-icon-circle{margin:0 var(--udexSpacer2)}:host([breakpoint="S"][data-ui5-index="1"]) .ui5-wiz-step-icon-circle{margin-inline-end:var(--udexSpacer2)}
|
|
7
7
|
`;
|
|
8
8
|
//# sourceMappingURL=WizardTab.css.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"WizardTab.css.js","sourceRoot":"","sources":["../../../src/generated/themes/WizardTab.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,6BAA6B,EAAE,MAAM,yDAAyD,CAAC;AAExG,OAAO,gBAAgB,MAAM,uFAAuF,CAAC;AACrH,OAAO,YAAY,MAAM,wCAAwC,CAAC;AAElE,6BAA6B,CAAC,GAAG,GAAG,KAAK,GAAG,GAAG,GAAG,uBAAuB,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,gBAAgB,CAAC,CAAC;AACxH,6BAA6B,CAAC,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,YAAY,CAAC,CAAC;AAChN,eAAe;CACd,CAAA","sourcesContent":["import { registerThemePropertiesLoader } from \"@ui5/webcomponents-base/dist/asset-registries/Themes.js\";\n\nimport defaultThemeBase from \"@ui5/webcomponents-theming/dist/generated/themes/sap_horizon/parameters-bundle.css.js\";\nimport defaultTheme from \"./sap_horizon/parameters-bundle.css.js\";\n\nregisterThemePropertiesLoader(\"@\" + \"ui5\" + \"/\" + \"webcomponents-theming\", \"sap_horizon\", async () => defaultThemeBase);\nregisterThemePropertiesLoader(\"@\" + \"s\" + \"a\" + \"p\" + \"u\" + \"d\" + \"e\" + \"x\" + \"/\" + \"w\" + \"e\" + \"b\" + \"-\" + \"c\" + \"o\" + \"m\" + \"p\" + \"o\" + \"n\" + \"e\" + \"n\" + \"t\" + \"s\", \"sap_horizon\", async () => defaultTheme);\nexport default `:host{--udex-wizard-title-color: var(--udexColorGrey9, #223548);--udex-wizard-disabled-number-color: var(--udexColorGrey6, #5B738B);--udex-wizard-disabled-border-color: var(--udexColorGrey4, #A9B4BE);--udex-wizard-completed-number-color: var(--udexColorBlue9, #0040B0);--udex-wizard-completed-border-color: var(--udexColorBlue9, #0040B0)}:host .ui5-wiz-step-title-text{font-size:var(--udexTypographyNavigationMediumMFontSize);font-weight:var(--udexTypographyFontWeightMedium)}:host .ui5-wiz-step-icon-circle{margin:0
|
|
1
|
+
{"version":3,"file":"WizardTab.css.js","sourceRoot":"","sources":["../../../src/generated/themes/WizardTab.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,6BAA6B,EAAE,MAAM,yDAAyD,CAAC;AAExG,OAAO,gBAAgB,MAAM,uFAAuF,CAAC;AACrH,OAAO,YAAY,MAAM,wCAAwC,CAAC;AAElE,6BAA6B,CAAC,GAAG,GAAG,KAAK,GAAG,GAAG,GAAG,uBAAuB,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,gBAAgB,CAAC,CAAC;AACxH,6BAA6B,CAAC,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,YAAY,CAAC,CAAC;AAChN,eAAe;CACd,CAAA","sourcesContent":["import { registerThemePropertiesLoader } from \"@ui5/webcomponents-base/dist/asset-registries/Themes.js\";\n\nimport defaultThemeBase from \"@ui5/webcomponents-theming/dist/generated/themes/sap_horizon/parameters-bundle.css.js\";\nimport defaultTheme from \"./sap_horizon/parameters-bundle.css.js\";\n\nregisterThemePropertiesLoader(\"@\" + \"ui5\" + \"/\" + \"webcomponents-theming\", \"sap_horizon\", async () => defaultThemeBase);\nregisterThemePropertiesLoader(\"@\" + \"s\" + \"a\" + \"p\" + \"u\" + \"d\" + \"e\" + \"x\" + \"/\" + \"w\" + \"e\" + \"b\" + \"-\" + \"c\" + \"o\" + \"m\" + \"p\" + \"o\" + \"n\" + \"e\" + \"n\" + \"t\" + \"s\", \"sap_horizon\", async () => defaultTheme);\nexport default `:host{--udex-wizard-title-color: var(--udexColorGrey9, #223548);--udex-wizard-disabled-number-color: var(--udexColorGrey6, #5B738B);--udex-wizard-disabled-border-color: var(--udexColorGrey4, #A9B4BE);--udex-wizard-completed-number-color: var(--udexColorBlue9, #0040B0);--udex-wizard-completed-border-color: var(--udexColorBlue9, #0040B0)}.ui5-wiz-step-root:focus .ui5-wiz-step-main{outline-offset:0}:host .ui5-wiz-step-title-text{font-size:var(--udexTypographyNavigationMediumMFontSize);font-weight:var(--udexTypographyFontWeightMedium)}:host .ui5-wiz-step-icon-circle{margin:0 10px;border:1px solid var(--sapSelectedColor)}:host([hide-separator]) .ui5-wiz-step-texts{padding-inline-end:0}.ui5-wiz-step-texts{padding-inline-start:0;padding-inline-end:var(--udexSpacer8)}:host .ui5-wiz-step-hr{margin:0}:host([selected]:not([disabled])) .ui5-wiz-step-icon-circle{background:var(--sapSelectedColor)}:host([selected]:not([disabled])) .ui5-wiz-step-title-text,:host([disabled]) .ui5-wiz-step-title-text{color:var(--udex-wizard-title-color)}:host([selected]:not([disabled])) .ui5-wiz-step-icon-circle:after{border-bottom:.188rem solid var(--udexColorBlue7);left:-2px;right:-2px}:host([disabled]) .ui5-wiz-step-number,:host([disabled]) .ui5-wiz-step-icon-circle{color:var(--udex-wizard-disabled-number-color)}:host([disabled]) .ui5-wiz-step-icon-circle{border-color:var(--udex-wizard-disabled-border-color)}:host(:last-child) .ui5-wiz-step-hr{border:none;background-image:linear-gradient(to right,var(--udexColorGrey6) 50%,transparent 0%);background-size:var(--udexSpacer4) var(--udexSpacer2)}:host([completed]) .ui5-wiz-step-number,:host([completed]) .ui5-wiz-step-icon-circle{color:var(--udex-wizard-completed-number-color)}:host([completed]:not([selected])) .ui5-wiz-step-icon-circle{border-color:var(--udex-wizard-completed-border-color)}:host([data-ui5-index=\"1\"]) .ui5-wiz-step-icon-circle{margin-inline-end:10px;margin-inline-start:0}:host([breakpoint=\"S\"]) .ui5-wiz-step-texts{display:none}:host([breakpoint=\"S\"]) .ui5-wiz-step-icon-circle{margin:0 var(--udexSpacer2)}:host([breakpoint=\"S\"][data-ui5-index=\"1\"]) .ui5-wiz-step-icon-circle{margin-inline-end:var(--udexSpacer2)}\n`"]}
|
|
@@ -74,7 +74,7 @@ READ_LESS=Read less
|
|
|
74
74
|
SHOW_MORE=Show more
|
|
75
75
|
SHOW_LESS=Show less
|
|
76
76
|
|
|
77
|
-
# rating indicator "text" for aria-role, "
|
|
77
|
+
# rating indicator "text" for aria-role, "tooltip" text and "required" for aria-description
|
|
78
78
|
RATING_INDICATOR_TEXT=Rating Indicator
|
|
79
79
|
RATING_INDICATOR_TOOLTIP_TEXT=Rating
|
|
80
80
|
RATING_INDICATOR_ARIA_DESCRIPTION=Required
|
|
@@ -203,7 +203,6 @@ SHOW_HIDE_PASSWORD=Show/Hide Password Button
|
|
|
203
203
|
|
|
204
204
|
#Footer labels and accessible names
|
|
205
205
|
PHONE_NUMBER=Phone number
|
|
206
|
-
CONTACT_US=Contact us
|
|
207
206
|
EMAIL=Email
|
|
208
207
|
CHAT_WITH_US=Chat with us
|
|
209
208
|
QUICK_LINKS=Quick Links
|
|
@@ -247,9 +246,6 @@ COLLAPSE=Collapse
|
|
|
247
246
|
#SecondaryNavigationSubItem Aria label for back button
|
|
248
247
|
BACK_BUTTON_LABEL=return back
|
|
249
248
|
|
|
250
|
-
#Dropdown trigger aria label
|
|
251
|
-
TRIGGER=Dropdown trigger
|
|
252
|
-
|
|
253
249
|
#Uploaded file labels
|
|
254
250
|
UPLOADING_FILE_STATUS_TEXT=Uploading
|
|
255
251
|
TERMINATED_FILE_STATUS_TEXT=Terminated
|
|
@@ -276,6 +272,5 @@ PROMO_TILE_ICON=Promo Tile Icon
|
|
|
276
272
|
PLAY_BUTTON_ACCESSIBLE_NAME=Start button to begin customer logos rotation
|
|
277
273
|
PAUSE_BUTTON_ACCESSIBLE_NAME=Pause button to stop customer logos rotation
|
|
278
274
|
|
|
279
|
-
|
|
280
275
|
# Toast close accessible names
|
|
281
276
|
TOAST_CLOSE_ACCESSIBLE_NAME=Close
|
|
@@ -1,5 +1,132 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
1
|
+
COUNT=Брой
|
|
2
|
+
OF=от
|
|
3
|
+
PAGINATION_PAGE=Страница
|
|
4
|
+
SELECTED=избрани
|
|
5
|
+
UNSELECTED=Неизбрано
|
|
6
|
+
INDETERMINATE=Неопределено
|
|
7
|
+
EDIT_BUTTON=Редактиране
|
|
8
|
+
DELETE_BUTTON=Изтриване
|
|
9
|
+
DISABLED=Дезактивирано
|
|
10
|
+
BUTTON_ARIA_TYPE_PRIMARY=Основни
|
|
11
|
+
BUTTON_ARIA_TYPE_SECONDARY=Вторични
|
|
12
|
+
BUTTON_ARIA_TYPE_TERTIARY=Третични
|
|
13
|
+
BUTTON_ARIA_TYPE_WARNING=Предупреждение
|
|
14
|
+
BUTTON_ARIA_TYPE_POSITIVE=Положителни
|
|
15
|
+
BUTTON_ARIA_TYPE_NEGATIVE=Отрицателни
|
|
16
|
+
BUTTON_ARIA_EMPHASIZED=Подчертани
|
|
17
|
+
BUTTON_ARIA_DEFAULT=По подразбиране
|
|
18
|
+
BUTTON_ARIA_TRANSPARENT=Прозрачни
|
|
19
|
+
BUTTON_ARIA_ATTENTION=Внимание
|
|
20
|
+
DATEPICKER_DATE_DESCRIPTION=Въвеждане на дата
|
|
21
|
+
TOGGLED=Превключени
|
|
22
|
+
FIRST_PAGE=Първа страница
|
|
23
|
+
LAST_PAGE=Последна страница
|
|
24
|
+
PREVIOUS_PAGE=Предходна страница
|
|
25
|
+
NEXT_PAGE=Следваща страница
|
|
26
|
+
CURRENT_PAGE=Текуща страница
|
|
27
|
+
ACTIVATE_PAGE=Активиране на номер на страница
|
|
28
|
+
SUGGESTED_TEXT=Предложения за търсене
|
|
29
|
+
ACCESSIBLE_NAME_SEARCH_ICON=Търсене
|
|
30
|
+
TOOLTIP_VOICE_BUTTON=Глас
|
|
31
|
+
TOOLTIP_SUBMIT_BUTTON=Изпращане
|
|
32
|
+
LISTENING=Слушане
|
|
33
|
+
AVAILABLE_VALUES=Налични стойности
|
|
34
|
+
RECOMMENDED_TEXT=Препоръчани страници
|
|
35
|
+
EXPAND_ALL=Разгъване на всички
|
|
36
|
+
COLLAPSE_ALL=Скриване на всички
|
|
37
|
+
MORE=Още
|
|
38
|
+
ATTENTION_BADGE=Значка за внимание
|
|
39
|
+
READ_MORE=Прочетете повече
|
|
40
|
+
READ_LESS=Прочетете по-малко
|
|
41
|
+
SHOW_MORE=Покажи още
|
|
42
|
+
SHOW_LESS=Покажи по-малко
|
|
43
|
+
RATING_INDICATOR_TEXT=Показател за оценка
|
|
44
|
+
RATING_INDICATOR_TOOLTIP_TEXT=Оценка
|
|
45
|
+
RATING_INDICATOR_ARIA_DESCRIPTION=Задължително
|
|
46
|
+
TOTAL=Общо
|
|
47
|
+
RATING_COUNT_TITLE=Оценка
|
|
48
|
+
ARIA_LABEL_LIST_MULTISELECTABLE=Съдържа позиции с възможност за множествен избор
|
|
49
|
+
ARIA_LABEL_LIST_SELECTABLE=Съдържа позиции с възможност за избор
|
|
50
|
+
SHOW_RESULTS=Показване на резултати
|
|
51
|
+
SHOW_HIDE_PASSWORD=Бутон за показване/скриване на парола
|
|
52
|
+
RESET=Нулиране
|
|
53
|
+
MESSAGE_STRIP_CLOSE_BUTTON=Бутон за затваряне на лентата за съобщения
|
|
54
|
+
MESSAGE_STRIP_INFORMATION=Информационна лента
|
|
55
|
+
MESSAGE_STRIP_SUCCESS=Положителна лента
|
|
56
|
+
MESSAGE_STRIP_WARNING=Лента за предупреждение
|
|
57
|
+
MESSAGE_STRIP_ERROR=Отрицателна лента
|
|
58
|
+
MESSAGE_STRIP_ACTION=Лента с действия
|
|
59
|
+
REVIEWS=отзиви
|
|
60
|
+
STARS=звезди
|
|
61
|
+
SELECT_OPTIONS=Избор на опции
|
|
62
|
+
SELECT_ALL=Избор на всички
|
|
63
|
+
TEXTAREA_CHARACTERS_LEFT=Остават {0} символа
|
|
64
|
+
VALUE_STATE_TYPE_ERROR=Грешка в състоянието на полето
|
|
65
|
+
VALUE_STATE_TYPE_WARNING=Предупреждение за състоянието на полето
|
|
66
|
+
VALUE_STATE_TYPE_SUCCESS=Успешно състояние на полето
|
|
67
|
+
VALUE_STATE_TYPE_STANDARD=Стандартно състояние на полето
|
|
68
|
+
CAROUSEL_PREVIOUS_ARROW_TEXT=Предходна страница
|
|
69
|
+
CAROUSEL_NEXT_ARROW_TEXT=Следваща страница
|
|
70
|
+
NO_MATCHES_FOUND=Не са намерени съвпадения.
|
|
71
|
+
BREADCRUMBS_ARIA_LABEL=Път на навигация
|
|
72
|
+
BREADCRUMBS_OVERFLOW_ARIA_LABEL=Още
|
|
73
|
+
STEPINPUT_INC_ICON_TITLE=Увеличаване на количеството с
|
|
74
|
+
STEPINPUT_DEC_ICON_TITLE=Намаляване на количеството с
|
|
75
|
+
TABLE_NO_DATA_FOUND=Не са намерени данни
|
|
76
|
+
VALUE_STATE_ERROR=Невалиден запис
|
|
77
|
+
VALUE_STATE_WARNING=Издадено предупреждение
|
|
78
|
+
VALUE_STATE_INFORMATION=Информативен запис
|
|
79
|
+
VALUE_STATE_SUCCESS=Записът е проверен успешно
|
|
80
|
+
READ_ONLY=Само за четене
|
|
81
|
+
SWITCH_ACCOUNT=Смяна на акаунта
|
|
3
82
|
LOGOUT=Изход
|
|
83
|
+
BACK=Назад
|
|
84
|
+
OTHER_IDENTITIES=Други самоличности
|
|
85
|
+
ADD_OR_REMOVE_ACCOUNT=Добавяне или премахване на акаунт
|
|
86
|
+
COUNTRY_SELECT=Избор на държава
|
|
87
|
+
CART=Количка
|
|
88
|
+
OVERVIEW=Преглед
|
|
89
|
+
COUNTRY_SELECTOR=Селектор на държава
|
|
90
|
+
PHONE_NUMBER=Телефонен номер
|
|
91
|
+
CONTACT_US=Свържете се с нас
|
|
92
|
+
EMAIL=Имейл
|
|
93
|
+
CHAT_WITH_US=Чат с нас
|
|
94
|
+
QUICK_LINKS=Бързи връзки
|
|
95
|
+
TRENDING=Тенденции
|
|
96
|
+
ABOUT_SAP=Относно SAP
|
|
97
|
+
SITE_INFORMATION=Информация за сайта
|
|
98
|
+
AVATAR_TEXT=Аватар
|
|
99
|
+
CALENDAR_ICON=Отваряне на иконата на календара
|
|
100
|
+
LIST_ITEM_EDIT_ICON=Редактиране на запис на позиция от списък
|
|
101
|
+
LIST_ITEM_DELETE_ICON=Изтриване на запис на позиция от списък
|
|
102
|
+
COPYRIGHT=© {0} SAP SE или филиал на SAP. Всички права запазени.
|
|
103
|
+
BACK_BUTTON_LABEL=бутон Назад
|
|
104
|
+
STATUS_BADGE_TEXT=Значка за статус
|
|
105
|
+
STATUS_BADGE_EDIT_TITLE=Кликнете, за да редактирате профила
|
|
106
|
+
STATUS_BADGE_INFORMATION_TITLE=Кликнете, за да отворите информацията за профила
|
|
107
|
+
STATUS_BADGE_WARNING_TITLE=Предупреждение, потенциален риск, свързан с профила
|
|
108
|
+
STATUS_BADGE_ERROR_TITLE=Има грешка в профила
|
|
109
|
+
STATUS_BADGE_SUCCESS_TITLE=Успешно потвърден профил
|
|
110
|
+
PROFILE=Профил
|
|
111
|
+
OPENS_IN_A_NEW_WINDOW=отваря се в нов прозорец
|
|
112
|
+
TEXT_FIELD=Текстово поле
|
|
113
|
+
UPLOADING_FILE_STATUS_TEXT=Качване
|
|
114
|
+
TERMINATED_FILE_STATUS_TEXT=Прекратено
|
|
115
|
+
REMOVE_FILE_TEXT=Премахване на файл
|
|
4
116
|
MAIN_LINKS=Основни връзки
|
|
117
|
+
UPLOAD_BUTTON_LABEL=Качване на файл
|
|
118
|
+
COMPLETE_LIST_OF=Пълен списък на
|
|
119
|
+
CALL_US_TODAY=Обадете ни се днес!
|
|
120
|
+
SEARCH=Търсене
|
|
121
|
+
RESULT_RETURNED=получени резултати.
|
|
122
|
+
SOCIAL_MEDIA_BUTTON=Бутон за социална медия
|
|
123
|
+
PROMO_TILE=Промоционална плочка
|
|
124
|
+
PROMO_TILE_ICON=Икона на промоционална плочка
|
|
125
|
+
PLAY_BUTTON_ACCESSIBLE_NAME=Бутон за стартиране на въртенето на логата на клиенти
|
|
126
|
+
PAUSE_BUTTON_ACCESSIBLE_NAME=Бутон за поставяне на въртенето на логата на клиенти на пауза
|
|
127
|
+
TOAST_CLOSE_ACCESSIBLE_NAME=Затваряне
|
|
128
|
+
BACK_TO_REGION_LIST=Обратно към списъка с региони
|
|
129
|
+
LOCATION=Място
|
|
5
130
|
BACK_TO_TOP=Обратно най-горе
|
|
131
|
+
EXPAND=Разгъване
|
|
132
|
+
COLLAPSE=Свиване
|
|
@@ -3,3 +3,129 @@ OVERVIEW=Přehled
|
|
|
3
3
|
LOGOUT=Odhlásit se
|
|
4
4
|
MAIN_LINKS=Hlavní odkazy
|
|
5
5
|
BACK_TO_TOP=Zpět na začátek
|
|
6
|
+
COUNT=Počet
|
|
7
|
+
OF=z
|
|
8
|
+
PAGINATION_PAGE=Stránka
|
|
9
|
+
SELECTED=Vybrané
|
|
10
|
+
UNSELECTED=Nevybráno
|
|
11
|
+
INDETERMINATE=Nejednoznačné
|
|
12
|
+
EDIT_BUTTON=Upravit
|
|
13
|
+
DELETE_BUTTON=Odstranit
|
|
14
|
+
BACK_TO_REGION_LIST=Zpět do seznamu regionů
|
|
15
|
+
BUTTON_ARIA_TYPE_PRIMARY=Primární
|
|
16
|
+
BUTTON_ARIA_TYPE_SECONDARY=Sekundární
|
|
17
|
+
BUTTON_ARIA_TYPE_TERTIARY=Terciální
|
|
18
|
+
BUTTON_ARIA_TYPE_WARNING=Varování
|
|
19
|
+
BUTTON_ARIA_TYPE_POSITIVE=Pozitivní
|
|
20
|
+
BUTTON_ARIA_TYPE_NEGATIVE=Negativní
|
|
21
|
+
BUTTON_ARIA_EMPHASIZED=Zvýrazněné
|
|
22
|
+
BUTTON_ARIA_DEFAULT=Standardní
|
|
23
|
+
BUTTON_ARIA_TRANSPARENT=Transparentní
|
|
24
|
+
BUTTON_ARIA_ATTENTION=Pozor
|
|
25
|
+
DATEPICKER_DATE_DESCRIPTION=Zadání datumu
|
|
26
|
+
TOGGLED=Přepnuto
|
|
27
|
+
FIRST_PAGE=První stránka
|
|
28
|
+
LAST_PAGE=Poslední stránka
|
|
29
|
+
PREVIOUS_PAGE=Předchozí stránka
|
|
30
|
+
NEXT_PAGE=Další stránka
|
|
31
|
+
CURRENT_PAGE=Aktuální stránka
|
|
32
|
+
ACTIVATE_PAGE=Aktivovat číslo stránky
|
|
33
|
+
SUGGESTED_TEXT=navrhovaná hledání
|
|
34
|
+
ACCESSIBLE_NAME_SEARCH_ICON=Hledat
|
|
35
|
+
TOOLTIP_VOICE_BUTTON=Hlas
|
|
36
|
+
TOOLTIP_SUBMIT_BUTTON=Odeslat
|
|
37
|
+
LISTENING=Poslech
|
|
38
|
+
AVAILABLE_VALUES=Dostupné hodnoty
|
|
39
|
+
RECOMMENDED_TEXT=Doporučené stránky
|
|
40
|
+
EXPAND_ALL=Rozbalit vše
|
|
41
|
+
COLLAPSE_ALL=Sbalit vše
|
|
42
|
+
MORE=Více
|
|
43
|
+
ATTENTION_BADGE=Upozorňovací odznak
|
|
44
|
+
READ_MORE=Číst více
|
|
45
|
+
READ_LESS=Číst méně
|
|
46
|
+
SHOW_MORE=Více
|
|
47
|
+
SHOW_LESS=Zobrazit méně
|
|
48
|
+
RATING_INDICATOR_TEXT=Indikátor hodnocení
|
|
49
|
+
RATING_INDICATOR_TOOLTIP_TEXT=Hodnocení
|
|
50
|
+
RATING_INDICATOR_ARIA_DESCRIPTION=Požadováno
|
|
51
|
+
TOTAL=Celkem
|
|
52
|
+
RATING_COUNT_TITLE=Hodnocení
|
|
53
|
+
ARIA_LABEL_LIST_MULTISELECTABLE=Obsahuje položky s možností vícenásobného výběru
|
|
54
|
+
ARIA_LABEL_LIST_SELECTABLE=Obsahuje položky s možností výběru
|
|
55
|
+
SHOW_RESULTS=Zobrazit výsledky
|
|
56
|
+
SHOW_HIDE_PASSWORD=Zobrazit/skrýt tlačítko hesla
|
|
57
|
+
MESSAGE_STRIP_CLOSE_BUTTON=Tlačítko Zavřít na liště se zprávami
|
|
58
|
+
MESSAGE_STRIP_INFORMATION=Informační lišta
|
|
59
|
+
MESSAGE_STRIP_SUCCESS=Lišta pro pozitivní
|
|
60
|
+
MESSAGE_STRIP_WARNING=Lišta pro upozornění
|
|
61
|
+
MESSAGE_STRIP_ERROR=Lišta pro negativní
|
|
62
|
+
MESSAGE_STRIP_ACTION=Lišta akcí
|
|
63
|
+
REVIEWS=hodnocení
|
|
64
|
+
STARS=hvězdičky
|
|
65
|
+
SELECT_OPTIONS=Vybrat volby
|
|
66
|
+
SELECT_ALL=Vybrat vše
|
|
67
|
+
TEXTAREA_CHARACTERS_LEFT={0} zbývajících znaků
|
|
68
|
+
VALUE_STATE_TYPE_ERROR=Chyba statusu pole
|
|
69
|
+
VALUE_STATE_TYPE_WARNING=Status pole – upozornění
|
|
70
|
+
VALUE_STATE_TYPE_SUCCESS=Status pole – úspěch
|
|
71
|
+
VALUE_STATE_TYPE_STANDARD=Status pole – standardní
|
|
72
|
+
CAROUSEL_PREVIOUS_ARROW_TEXT=Předchozí stránka
|
|
73
|
+
CAROUSEL_NEXT_ARROW_TEXT=Další stránka
|
|
74
|
+
NO_MATCHES_FOUND=Nebyly nalezeny žádné shody.
|
|
75
|
+
BREADCRUMBS_ARIA_LABEL=Navigační cesta
|
|
76
|
+
BREADCRUMBS_OVERFLOW_ARIA_LABEL=Další
|
|
77
|
+
STEPINPUT_INC_ICON_TITLE=Zvýšit množství o
|
|
78
|
+
STEPINPUT_DEC_ICON_TITLE=Snížit množství o
|
|
79
|
+
TABLE_NO_DATA_FOUND=Nebyla nalezena žádá data
|
|
80
|
+
VALUE_STATE_ERROR=Neplatné zadání
|
|
81
|
+
VALUE_STATE_WARNING=Zobrazeno upozornění
|
|
82
|
+
VALUE_STATE_INFORMATION=Informativní záznam
|
|
83
|
+
VALUE_STATE_SUCCESS=Záznam úspěšně ověřen
|
|
84
|
+
READ_ONLY=Pouze pro čtení
|
|
85
|
+
SWITCH_ACCOUNT=Přepnout účet
|
|
86
|
+
BACK=Zpět
|
|
87
|
+
OTHER_IDENTITIES=Ostatní identity
|
|
88
|
+
ADD_OR_REMOVE_ACCOUNT=Přidat nebo odebrat účet
|
|
89
|
+
COUNTRY_SELECT=Vyberte stát
|
|
90
|
+
CART=Nákupní košík
|
|
91
|
+
COUNTRY_SELECTOR=Výběr státu
|
|
92
|
+
SUPPORT=Podpora
|
|
93
|
+
PHONE_NUMBER=Telefon
|
|
94
|
+
CONTACT_US=Kontaktujte nás
|
|
95
|
+
CHAT_WITH_US=Napište nám
|
|
96
|
+
QUICK_LINKS=Rychlé odkazy
|
|
97
|
+
TRENDING=Trendy
|
|
98
|
+
ABOUT_SAP=O společnosti SAP
|
|
99
|
+
SITE_INFORMATION=Informace o stránkách
|
|
100
|
+
AVATAR_TEXT=Avatar
|
|
101
|
+
CALENDAR_ICON=Otevřít ikonu kalendáře
|
|
102
|
+
LIST_ITEM_EDIT_ICON=Upravit položku seznamu
|
|
103
|
+
LIST_ITEM_DELETE_ICON=Odstranit položku seznamu
|
|
104
|
+
BACK_BUTTON_LABEL=tlačítko zpět
|
|
105
|
+
STATUS_BADGE_TEXT=Znak statusu
|
|
106
|
+
STATUS_BADGE_EDIT_TITLE=Klikněte pro editaci profilu
|
|
107
|
+
STATUS_BADGE_INFORMATION_TITLE=Klikněte pro otevření profilových informací
|
|
108
|
+
STATUS_BADGE_WARNING_TITLE=Upozornění: možné riziko spojené s profilem
|
|
109
|
+
STATUS_BADGE_ERROR_TITLE=Existuje chyba týkající se profilu
|
|
110
|
+
STATUS_BADGE_SUCCESS_TITLE=Úspěšně ověřený profil
|
|
111
|
+
PROFILE=Profil
|
|
112
|
+
OPENS_IN_A_NEW_WINDOW=otevře se v novém okně
|
|
113
|
+
TEXT_FIELD=Textové pole
|
|
114
|
+
UPLOADING_FILE_STATUS_TEXT=Nahrávání
|
|
115
|
+
TERMINATED_FILE_STATUS_TEXT=Ukončeno
|
|
116
|
+
REMOVE_FILE_TEXT=Odstranit soubor
|
|
117
|
+
UPLOAD_BUTTON_LABEL=Nahrát soubor
|
|
118
|
+
COMPLETE_LIST_OF=Dokončete seznam
|
|
119
|
+
CALL_US_TODAY=Zavolejte nám ještě dnes!
|
|
120
|
+
SEARCH=Hledat
|
|
121
|
+
RESULT_RETURNED=výsledků vráceno.
|
|
122
|
+
SOCIAL_MEDIA_BUTTON=Tlačítko sociálních sítí
|
|
123
|
+
PROMO_TILE=Propagační dlaždice
|
|
124
|
+
PROMO_TILE_ICON=Propagační dlaždice – ikona
|
|
125
|
+
PLAY_BUTTON_ACCESSIBLE_NAME=Tlačítko ke spuštění otáčení log zákazníků
|
|
126
|
+
PAUSE_BUTTON_ACCESSIBLE_NAME=Tlačítko k zastavení otáčení log zákazníků
|
|
127
|
+
LOCATION=Místo
|
|
128
|
+
TOAST_CLOSE_ACCESSIBLE_NAME=Zavřít
|
|
129
|
+
DISABLED=Deaktivováno
|
|
130
|
+
EXPAND=Rozbalit
|
|
131
|
+
COLLAPSE=Sbalit
|
|
@@ -122,7 +122,6 @@ REMOVE_FILE_TEXT=Remove file
|
|
|
122
122
|
UPLOAD_BUTTON_LABEL=Upload file
|
|
123
123
|
COMPLETE_LIST_OF=Complete list of
|
|
124
124
|
CALL_US_TODAY=Call us today!
|
|
125
|
-
CONTACT_US=Contact us
|
|
126
125
|
SEARCH=Search
|
|
127
126
|
RESULT_RETURNED=results returned.
|
|
128
127
|
SOCIAL_MEDIA_BUTTON=Social Media Button
|
|
@@ -133,3 +132,6 @@ PLAY_BUTTON_ACCESSIBLE_NAME=Start button to begin customer logos rotation
|
|
|
133
132
|
PAUSE_BUTTON_ACCESSIBLE_NAME=Pause button to stop customer logos rotation
|
|
134
133
|
LOCATION=Location
|
|
135
134
|
TOAST_CLOSE_ACCESSIBLE_NAME=Close
|
|
135
|
+
DISABLED=Disabled
|
|
136
|
+
EXPAND=Expand
|
|
137
|
+
COLLAPSE=Collapse
|
|
@@ -2779,7 +2779,7 @@
|
|
|
2779
2779
|
},
|
|
2780
2780
|
{
|
|
2781
2781
|
"name": "udex-password-field",
|
|
2782
|
-
"description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-password-field</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/UDExPasswordField.js\";</code>\n\n\n---\n\n\n",
|
|
2782
|
+
"description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-password-field</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/UDExPasswordField.js\";</code>\n\n\n---\n\n\n\n\n### **Events:**\n - **input** - Fired when the value of the component changes at each keystroke.\n- **change** - Fired when the input operation has finished by pressing Enter or on focusout.\n- **blur** - Fired on input focusout.\n- **click-icon** - Fired when the show/hide password button is clicked.",
|
|
2783
2783
|
"attributes": [
|
|
2784
2784
|
{
|
|
2785
2785
|
"name": "autocomplete",
|
package/dist/web-types.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"$schema": "https://raw.githubusercontent.com/JetBrains/web-types/master/schema/web-types.json",
|
|
3
3
|
"name": "@sapudex/web-components",
|
|
4
|
-
"version": "2.
|
|
4
|
+
"version": "2.38.0",
|
|
5
5
|
"description-markup": "markdown",
|
|
6
6
|
"contributions": {
|
|
7
7
|
"html": {
|
|
@@ -6035,7 +6035,7 @@
|
|
|
6035
6035
|
},
|
|
6036
6036
|
{
|
|
6037
6037
|
"name": "udex-password-field",
|
|
6038
|
-
"description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-password-field</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/UDExPasswordField.js\";</code>\n---\n",
|
|
6038
|
+
"description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-password-field</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/UDExPasswordField.js\";</code>\n---\n\n\n### **Events:**\n - **input** - Fired when the value of the component changes at each keystroke.\n- **change** - Fired when the input operation has finished by pressing Enter or on focusout.\n- **blur** - Fired on input focusout.\n- **click-icon** - Fired when the show/hide password button is clicked.",
|
|
6039
6039
|
"doc-url": "",
|
|
6040
6040
|
"attributes": [
|
|
6041
6041
|
{
|
|
@@ -6109,7 +6109,21 @@
|
|
|
6109
6109
|
"value": { "type": "string", "default": "\"\"" }
|
|
6110
6110
|
}
|
|
6111
6111
|
],
|
|
6112
|
-
"events": [
|
|
6112
|
+
"events": [
|
|
6113
|
+
{
|
|
6114
|
+
"name": "input",
|
|
6115
|
+
"description": "Fired when the value of the component changes at each keystroke."
|
|
6116
|
+
},
|
|
6117
|
+
{
|
|
6118
|
+
"name": "change",
|
|
6119
|
+
"description": "Fired when the input operation has finished by pressing Enter or on focusout."
|
|
6120
|
+
},
|
|
6121
|
+
{ "name": "blur", "description": "Fired on input focusout." },
|
|
6122
|
+
{
|
|
6123
|
+
"name": "click-icon",
|
|
6124
|
+
"description": "Fired when the show/hide password button is clicked."
|
|
6125
|
+
}
|
|
6126
|
+
],
|
|
6113
6127
|
"js": {
|
|
6114
6128
|
"properties": [
|
|
6115
6129
|
{
|
|
@@ -6183,7 +6197,21 @@
|
|
|
6183
6197
|
"value": { "type": "string" }
|
|
6184
6198
|
}
|
|
6185
6199
|
],
|
|
6186
|
-
"events": [
|
|
6200
|
+
"events": [
|
|
6201
|
+
{
|
|
6202
|
+
"name": "input",
|
|
6203
|
+
"description": "Fired when the value of the component changes at each keystroke."
|
|
6204
|
+
},
|
|
6205
|
+
{
|
|
6206
|
+
"name": "change",
|
|
6207
|
+
"description": "Fired when the input operation has finished by pressing Enter or on focusout."
|
|
6208
|
+
},
|
|
6209
|
+
{ "name": "blur", "description": "Fired on input focusout." },
|
|
6210
|
+
{
|
|
6211
|
+
"name": "click-icon",
|
|
6212
|
+
"description": "Fired when the show/hide password button is clicked."
|
|
6213
|
+
}
|
|
6214
|
+
]
|
|
6187
6215
|
}
|
|
6188
6216
|
},
|
|
6189
6217
|
{
|
package/package.json
CHANGED
package/src/List.hbs
CHANGED
package/src/List.ts
CHANGED
|
@@ -540,6 +540,11 @@ class UDExList extends UI5Element {
|
|
|
540
540
|
return `${this._id}-mode-label`;
|
|
541
541
|
}
|
|
542
542
|
|
|
543
|
+
get singleContentAriaLabel(): string | undefined {
|
|
544
|
+
const label = this.accessibleName || this.headerText;
|
|
545
|
+
return label || undefined;
|
|
546
|
+
}
|
|
547
|
+
|
|
543
548
|
get modeRadioGroup(): boolean {
|
|
544
549
|
return this.mode === UDExListMode.RadioGroup;
|
|
545
550
|
}
|
package/src/PasswordField.ts
CHANGED
|
@@ -2,6 +2,7 @@ import UI5Element from "@ui5/webcomponents-base/dist/UI5Element.js";
|
|
|
2
2
|
import customElement from "@ui5/webcomponents-base/dist/decorators/customElement.js";
|
|
3
3
|
import property from "@ui5/webcomponents-base/dist/decorators/property.js";
|
|
4
4
|
import jsxRenderer from "@ui5/webcomponents-base/renderer/JsxRenderer.js";
|
|
5
|
+
import event from "@ui5/webcomponents-base/dist/decorators/event-strict.js";
|
|
5
6
|
import i18n from "@ui5/webcomponents-base/dist/decorators/i18n.js";
|
|
6
7
|
import type I18nBundle from "@ui5/webcomponents-base/dist/i18nBundle.js";
|
|
7
8
|
import UDExTextField from "./TextField.js";
|
|
@@ -23,6 +24,14 @@ export enum UDExPasswordFieldAutoComplete {
|
|
|
23
24
|
Off = "off",
|
|
24
25
|
}
|
|
25
26
|
|
|
27
|
+
type UDExPasswordFieldChangeEventDetail = {
|
|
28
|
+
originalEvent: Event,
|
|
29
|
+
}
|
|
30
|
+
|
|
31
|
+
type UDExPasswordFieldBlurEventDetail = {
|
|
32
|
+
originalEvent: FocusEvent,
|
|
33
|
+
}
|
|
34
|
+
|
|
26
35
|
/**
|
|
27
36
|
* @class
|
|
28
37
|
*
|
|
@@ -48,7 +57,38 @@ export enum UDExPasswordFieldAutoComplete {
|
|
|
48
57
|
dependencies: [UDExTextField],
|
|
49
58
|
})
|
|
50
59
|
|
|
60
|
+
/**
|
|
61
|
+
* Fired when the value of the component changes at each keystroke.
|
|
62
|
+
*
|
|
63
|
+
* @public
|
|
64
|
+
*/
|
|
65
|
+
@event("input", { bubbles: true })
|
|
66
|
+
/**
|
|
67
|
+
* Fired when the input operation has finished by pressing Enter or on focusout.
|
|
68
|
+
*
|
|
69
|
+
* @public
|
|
70
|
+
*/
|
|
71
|
+
@event("change", { bubbles: true })
|
|
72
|
+
/**
|
|
73
|
+
* Fired on input focusout.
|
|
74
|
+
*
|
|
75
|
+
* @public
|
|
76
|
+
*/
|
|
77
|
+
@event("blur", { bubbles: true })
|
|
78
|
+
/**
|
|
79
|
+
* Fired when the show/hide password button is clicked.
|
|
80
|
+
*
|
|
81
|
+
* @public
|
|
82
|
+
*/
|
|
83
|
+
@event("click-icon", { bubbles: true })
|
|
84
|
+
|
|
51
85
|
class UDExPasswordField extends UI5Element {
|
|
86
|
+
eventDetails!: {
|
|
87
|
+
"input": void,
|
|
88
|
+
"change": UDExPasswordFieldChangeEventDetail,
|
|
89
|
+
"blur": UDExPasswordFieldBlurEventDetail,
|
|
90
|
+
"click-icon": void,
|
|
91
|
+
};
|
|
52
92
|
/**
|
|
53
93
|
* Defines supporting text under the input field.
|
|
54
94
|
*
|
|
@@ -211,8 +251,22 @@ class UDExPasswordField extends UI5Element {
|
|
|
211
251
|
|
|
212
252
|
this.icon = isPassword ? UDExIconType.Hide : UDExIconType.Show;
|
|
213
253
|
this.type = isPassword ? UDExInputType.Text : UDExInputType.Password;
|
|
254
|
+
this.fireDecoratorEvent("click-icon");
|
|
214
255
|
}
|
|
215
256
|
|
|
257
|
+
handleInput = (e: CustomEvent): void => {
|
|
258
|
+
this.value = (e.target as UDExTextField).value;
|
|
259
|
+
this.fireDecoratorEvent("input");
|
|
260
|
+
};
|
|
261
|
+
|
|
262
|
+
handleChange = (e: CustomEvent<UDExPasswordFieldChangeEventDetail>): void => {
|
|
263
|
+
this.fireDecoratorEvent("change", { originalEvent: e.detail.originalEvent });
|
|
264
|
+
};
|
|
265
|
+
|
|
266
|
+
handleBlur = (e: CustomEvent<UDExPasswordFieldBlurEventDetail>): void => {
|
|
267
|
+
this.fireDecoratorEvent("blur", { originalEvent: e.detail.originalEvent });
|
|
268
|
+
};
|
|
269
|
+
|
|
216
270
|
get passwordLabel(): string {
|
|
217
271
|
return `${this.label} ${this.showAsterisk ? "*" : ""}`;
|
|
218
272
|
}
|
|
@@ -229,3 +283,4 @@ class UDExPasswordField extends UI5Element {
|
|
|
229
283
|
UDExPasswordField.define();
|
|
230
284
|
|
|
231
285
|
export default UDExPasswordField;
|
|
286
|
+
export type { UDExPasswordFieldChangeEventDetail, UDExPasswordFieldBlurEventDetail };
|
|
@@ -21,6 +21,9 @@ export default function PasswordFieldTemplate(this: UDExPasswordField) {
|
|
|
21
21
|
accessible-name-ref={this.accessibleNameRef}
|
|
22
22
|
accessible-icon-name={this.showButtonTooltip}
|
|
23
23
|
show-button-tooltip={this.showButtonTooltip}
|
|
24
|
+
onui5-input={this.handleInput}
|
|
25
|
+
onui5-change={this.handleChange}
|
|
26
|
+
onui5-blur={this.handleBlur}
|
|
24
27
|
onui5-click-icon={this.handleShowPassword}
|
|
25
28
|
icon={this.iconButton}>
|
|
26
29
|
</UDExTextField>
|
package/src/Search.ts
CHANGED
|
@@ -1005,6 +1005,7 @@ class UDExSearch extends UI5Element {
|
|
|
1005
1005
|
e.stopPropagation();
|
|
1006
1006
|
this.handleEnterKey(e);
|
|
1007
1007
|
this.handleTabKey(e);
|
|
1008
|
+
this.handleShiftTabKey(e);
|
|
1008
1009
|
this.handleEscapeKey(e);
|
|
1009
1010
|
this.fireDecoratorEvent("search-keydown", { e });
|
|
1010
1011
|
};
|
|
@@ -1026,6 +1027,12 @@ class UDExSearch extends UI5Element {
|
|
|
1026
1027
|
}
|
|
1027
1028
|
}
|
|
1028
1029
|
|
|
1030
|
+
handleShiftTabKey(e: KeyboardEvent) {
|
|
1031
|
+
if (isTabPrevious(e) && this.open) {
|
|
1032
|
+
this.Suggestion?.onShiftTab(e);
|
|
1033
|
+
}
|
|
1034
|
+
}
|
|
1035
|
+
|
|
1029
1036
|
handleEscapeKey(e: KeyboardEvent) {
|
|
1030
1037
|
if (isEscape(e)) {
|
|
1031
1038
|
if (this.open) {
|
package/src/SelectBox.ts
CHANGED
package/src/TextField.ts
CHANGED
package/src/Wizard.ts
CHANGED
|
@@ -119,17 +119,12 @@ class UDExWizard extends UI5Wizard {
|
|
|
119
119
|
_breakpoint: `${UDExWindowSize}` = UDExWindowSize.XL;
|
|
120
120
|
|
|
121
121
|
_handleResizeBound: ResizeObserverCallback;
|
|
122
|
+
|
|
122
123
|
constructor() {
|
|
123
124
|
super();
|
|
124
125
|
this._handleResizeBound = this._handleResize.bind(this);
|
|
125
126
|
}
|
|
126
127
|
|
|
127
|
-
_calcCurrentBreakpoint = () => {
|
|
128
|
-
const breakpointDimensions = Object.keys(RESPONSIVE_BREAKPOINTS).reverse();
|
|
129
|
-
const breakpoint = breakpointDimensions.find(size => Number(size) < this.offsetWidth);
|
|
130
|
-
this._breakpoint = breakpoint ? RESPONSIVE_BREAKPOINTS[breakpoint] : RESPONSIVE_BREAKPOINTS["360"];
|
|
131
|
-
};
|
|
132
|
-
|
|
133
128
|
onEnterDOM() {
|
|
134
129
|
this.contentLayout = WizardContentLayout.SingleStep;
|
|
135
130
|
ResizeHandler.register(this, this._handleResizeBound);
|
|
@@ -139,6 +134,20 @@ class UDExWizard extends UI5Wizard {
|
|
|
139
134
|
ResizeHandler.deregister(this, this._handleResizeBound);
|
|
140
135
|
}
|
|
141
136
|
|
|
137
|
+
onAfterRendering(): void {
|
|
138
|
+
this.attachStepsResizeObserver();
|
|
139
|
+
this._calcCurrentBreakpoint();
|
|
140
|
+
this.previouslySelectedStepIndex = this.selectedStepIndex;
|
|
141
|
+
this._currentStepTitle = this._steps[this.selectedStepIndex]?.titleText;
|
|
142
|
+
this._currentStepSubTitle = this._steps[this.selectedStepIndex]?.subtitleText;
|
|
143
|
+
}
|
|
144
|
+
|
|
145
|
+
_calcCurrentBreakpoint = () => {
|
|
146
|
+
const breakpointDimensions = Object.keys(RESPONSIVE_BREAKPOINTS).reverse();
|
|
147
|
+
const breakpoint = breakpointDimensions.find(size => Number(size) < this.offsetWidth);
|
|
148
|
+
this._breakpoint = breakpoint ? RESPONSIVE_BREAKPOINTS[breakpoint] : RESPONSIVE_BREAKPOINTS["360"];
|
|
149
|
+
};
|
|
150
|
+
|
|
142
151
|
_adjustHeaderOverflow = () => {
|
|
143
152
|
const tabs = this.stepsInHeaderDOM;
|
|
144
153
|
tabs.forEach(step => {
|
|
@@ -225,14 +234,6 @@ class UDExWizard extends UI5Wizard {
|
|
|
225
234
|
this._calcCurrentBreakpoint();
|
|
226
235
|
}
|
|
227
236
|
|
|
228
|
-
onAfterRendering(): void {
|
|
229
|
-
this.attachStepsResizeObserver();
|
|
230
|
-
this._calcCurrentBreakpoint();
|
|
231
|
-
this.previouslySelectedStepIndex = this.selectedStepIndex;
|
|
232
|
-
this._currentStepTitle = this._steps[this.selectedStepIndex]?.titleText;
|
|
233
|
-
this._currentStepSubTitle = this._steps[this.selectedStepIndex]?.subtitleText;
|
|
234
|
-
}
|
|
235
|
-
|
|
236
237
|
get effectiveAccessibleName(): string {
|
|
237
238
|
return this.accessibleName || this.ariaLabelText;
|
|
238
239
|
}
|