@sapudex/web-components 2.48.0 → 2.50.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/bundle.esm.js +2 -0
- package/cypress/specs/AccordionSpotlight.cy.tsx +402 -0
- package/cypress/specs/BusyIndicator.cy.tsx +15 -0
- package/cypress/specs/Carousel.cy.tsx +142 -0
- package/cypress/specs/FilterMenu.cy.tsx +968 -10
- package/cypress/specs/List.cy.tsx +106 -0
- package/cypress/specs/ListItem.cy.tsx +291 -1
- package/cypress/specs/MediaPlayer.cy.tsx +32 -0
- package/cypress/specs/SelectBox.cy.tsx +134 -3
- package/cypress/specs/TabNavigation.cy.tsx +56 -0
- package/cypress/support/component-imports.instrumented.ts +6 -0
- package/cypress/support/component-imports.src.ts +6 -0
- package/dist/AccordionSpotlight.d.ts +149 -0
- package/dist/AccordionSpotlight.js +284 -0
- package/dist/AccordionSpotlight.js.map +1 -0
- package/dist/AccordionSpotlightItem.d.ts +76 -0
- package/dist/AccordionSpotlightItem.js +115 -0
- package/dist/AccordionSpotlightItem.js.map +1 -0
- package/dist/AccordionSpotlightItemTemplate.d.ts +2 -0
- package/dist/AccordionSpotlightItemTemplate.js +5 -0
- package/dist/AccordionSpotlightItemTemplate.js.map +1 -0
- package/dist/AccordionSpotlightTemplate.d.ts +2 -0
- package/dist/AccordionSpotlightTemplate.js +10 -0
- package/dist/AccordionSpotlightTemplate.js.map +1 -0
- package/dist/BusyIndicator.d.ts +9 -0
- package/dist/BusyIndicator.js +7 -1
- package/dist/BusyIndicator.js.map +1 -1
- package/dist/Carousel.d.ts +26 -15
- package/dist/Carousel.js +71 -55
- package/dist/Carousel.js.map +1 -1
- package/dist/FilterMenu.d.ts +12 -2
- package/dist/FilterMenu.js +24 -4
- package/dist/FilterMenu.js.map +1 -1
- package/dist/FilterMenuTemplate.js +1 -1
- package/dist/FilterMenuTemplate.js.map +1 -1
- package/dist/HeroBanner.d.ts +18 -9
- package/dist/HeroBanner.js +38 -35
- package/dist/HeroBanner.js.map +1 -1
- package/dist/HeroBannerTemplate.js +2 -2
- package/dist/HeroBannerTemplate.js.map +1 -1
- package/dist/List.d.ts +1 -0
- package/dist/List.js +24 -11
- package/dist/List.js.map +1 -1
- package/dist/ListGroupHeader.js +5 -1
- package/dist/ListGroupHeader.js.map +1 -1
- package/dist/ListGroupHeaderBase.d.ts +22 -0
- package/dist/ListGroupHeaderBase.js +44 -0
- package/dist/ListGroupHeaderBase.js.map +1 -1
- package/dist/ListItem.d.ts +4 -0
- package/dist/ListItem.js +32 -0
- package/dist/ListItem.js.map +1 -1
- package/dist/MediaPlayer.d.ts +2 -0
- package/dist/MediaPlayer.js +12 -0
- package/dist/MediaPlayer.js.map +1 -1
- package/dist/PromoTile.js +1 -1
- package/dist/PromoTile.js.map +1 -1
- package/dist/SearchableListBase.d.ts +10 -1
- package/dist/SearchableListBase.js +23 -7
- package/dist/SearchableListBase.js.map +1 -1
- package/dist/SearchableListBaseTemplate.js +3 -2
- package/dist/SearchableListBaseTemplate.js.map +1 -1
- package/dist/SelectBase.d.ts +14 -0
- package/dist/SelectBase.js +56 -3
- package/dist/SelectBase.js.map +1 -1
- package/dist/SelectBoxTemplate.js +1 -1
- package/dist/SelectBoxTemplate.js.map +1 -1
- package/dist/TabNavigation.d.ts +7 -1
- package/dist/TabNavigation.js +8 -2
- package/dist/TabNavigation.js.map +1 -1
- package/dist/Wizard.d.ts +5 -0
- package/dist/Wizard.js +11 -0
- package/dist/Wizard.js.map +1 -1
- package/dist/assets/{InputSuggestions-BcK6O4Bk.js → InputSuggestions-DZR626c7.js} +1 -1
- package/dist/assets/{ListItemStandardExpandableTextTemplate-u600dmHC.js → ListItemStandardExpandableTextTemplate-D_5VXMzU.js} +1 -1
- package/dist/assets/{bundle-JYo3bV8v.css → bundle-CkxyEA8c.css} +1 -1
- package/dist/assets/{bundle.esm-C6Ie2WeI.js → bundle.esm-DuQLY8Jz.js} +241 -238
- package/dist/assets/messagebundle_ar-BUZ_gTvQ.js +1 -0
- package/dist/assets/messagebundle_no-BZQfeWxT.js +1 -0
- package/dist/css/themes/Accordion.css +1 -1
- package/dist/css/themes/AccordionItem.css +1 -1
- package/dist/css/themes/AccordionSpotlight.css +1 -0
- package/dist/css/themes/AccordionSpotlightItem.css +1 -0
- package/dist/css/themes/Badge.css +1 -1
- package/dist/css/themes/BusyIndicator.css +1 -0
- package/dist/css/themes/Button.css +1 -1
- package/dist/css/themes/Divider.css +1 -1
- package/dist/css/themes/Dropdown.css +1 -1
- package/dist/css/themes/FilterMenu.css +1 -1
- package/dist/css/themes/Footer.css +1 -1
- package/dist/css/themes/HeroBanner.css +1 -1
- package/dist/css/themes/ImageGridTableItem.css +1 -1
- package/dist/css/themes/InputGroup.css +1 -1
- package/dist/css/themes/MastheadShell.css +1 -1
- package/dist/css/themes/MediaPlayer.css +1 -1
- package/dist/css/themes/PhoneNumberField.css +1 -1
- package/dist/css/themes/ProgressBar.css +1 -1
- package/dist/css/themes/PromoTile.css +1 -1
- package/dist/css/themes/RadioButton.css +1 -1
- package/dist/css/themes/Review.css +1 -1
- package/dist/css/themes/ReviewItem.css +1 -1
- package/dist/css/themes/Search.css +1 -1
- package/dist/css/themes/SelectBase.css +1 -1
- package/dist/css/themes/SelectBox.css +1 -1
- package/dist/css/themes/SideNavigation.css +1 -1
- package/dist/css/themes/SideNavigationGroup.css +1 -1
- package/dist/css/themes/SocialMediaButton.css +1 -1
- package/dist/css/themes/StepInput.css +1 -1
- package/dist/css/themes/Switch.css +1 -1
- package/dist/css/themes/TabNavigation.css +1 -1
- package/dist/css/themes/Tag.css +1 -1
- package/dist/css/themes/TagGroup.css +1 -1
- package/dist/css/themes/TextArea.css +1 -1
- package/dist/css/themes/TextField.css +1 -1
- package/dist/css/themes/Toast.css +1 -1
- package/dist/custom-elements-internal.json +508 -42
- package/dist/custom-elements.json +407 -52
- package/dist/generated/assets/i18n/messagebundle_ar.json +1 -1
- package/dist/generated/assets/i18n/messagebundle_no.json +1 -1
- package/dist/generated/templates/ListGroupHeaderTemplate.lit.js +24 -21
- package/dist/generated/templates/ListGroupHeaderTemplate.lit.js.map +1 -1
- package/dist/generated/templates/ListItemTemplate.lit.js +2 -2
- package/dist/generated/templates/ListItemTemplate.lit.js.map +1 -1
- package/dist/generated/templates/TabNavigationTemplate.lit.js +1 -1
- package/dist/generated/templates/TabNavigationTemplate.lit.js.map +1 -1
- package/dist/generated/themes/Accordion.css.d.ts +1 -1
- package/dist/generated/themes/Accordion.css.js +1 -1
- package/dist/generated/themes/Accordion.css.js.map +1 -1
- package/dist/generated/themes/AccordionItem.css.d.ts +1 -1
- package/dist/generated/themes/AccordionItem.css.js +1 -1
- package/dist/generated/themes/AccordionItem.css.js.map +1 -1
- package/dist/generated/themes/AccordionSpotlight.css.d.ts +2 -0
- package/dist/generated/themes/AccordionSpotlight.css.js +8 -0
- package/dist/generated/themes/AccordionSpotlight.css.js.map +1 -0
- package/dist/generated/themes/AccordionSpotlightItem.css.d.ts +2 -0
- package/dist/generated/themes/AccordionSpotlightItem.css.js +8 -0
- package/dist/generated/themes/AccordionSpotlightItem.css.js.map +1 -0
- package/dist/generated/themes/Badge.css.d.ts +1 -1
- package/dist/generated/themes/Badge.css.js +1 -1
- package/dist/generated/themes/Badge.css.js.map +1 -1
- package/dist/generated/themes/BusyIndicator.css.d.ts +2 -0
- package/dist/generated/themes/BusyIndicator.css.js +8 -0
- package/dist/generated/themes/BusyIndicator.css.js.map +1 -0
- package/dist/generated/themes/Button.css.d.ts +1 -1
- package/dist/generated/themes/Button.css.js +1 -1
- package/dist/generated/themes/Button.css.js.map +1 -1
- package/dist/generated/themes/Divider.css.d.ts +1 -1
- package/dist/generated/themes/Divider.css.js +1 -1
- package/dist/generated/themes/Divider.css.js.map +1 -1
- package/dist/generated/themes/Dropdown.css.d.ts +1 -1
- package/dist/generated/themes/Dropdown.css.js +1 -1
- package/dist/generated/themes/Dropdown.css.js.map +1 -1
- package/dist/generated/themes/FilterMenu.css.d.ts +1 -1
- package/dist/generated/themes/FilterMenu.css.js +1 -1
- package/dist/generated/themes/FilterMenu.css.js.map +1 -1
- package/dist/generated/themes/Footer.css.d.ts +1 -1
- package/dist/generated/themes/Footer.css.js +1 -1
- package/dist/generated/themes/Footer.css.js.map +1 -1
- package/dist/generated/themes/HeroBanner.css.d.ts +1 -1
- package/dist/generated/themes/HeroBanner.css.js +1 -1
- package/dist/generated/themes/HeroBanner.css.js.map +1 -1
- package/dist/generated/themes/ImageGridTableItem.css.d.ts +1 -1
- package/dist/generated/themes/ImageGridTableItem.css.js +1 -1
- package/dist/generated/themes/ImageGridTableItem.css.js.map +1 -1
- package/dist/generated/themes/InputGroup.css.d.ts +1 -1
- package/dist/generated/themes/InputGroup.css.js +1 -1
- package/dist/generated/themes/InputGroup.css.js.map +1 -1
- package/dist/generated/themes/MastheadShell.css.d.ts +1 -1
- package/dist/generated/themes/MastheadShell.css.js +1 -1
- package/dist/generated/themes/MastheadShell.css.js.map +1 -1
- package/dist/generated/themes/MediaPlayer.css.d.ts +1 -1
- package/dist/generated/themes/MediaPlayer.css.js +1 -1
- package/dist/generated/themes/MediaPlayer.css.js.map +1 -1
- package/dist/generated/themes/PhoneNumberField.css.d.ts +1 -1
- package/dist/generated/themes/PhoneNumberField.css.js +1 -1
- package/dist/generated/themes/PhoneNumberField.css.js.map +1 -1
- package/dist/generated/themes/ProgressBar.css.d.ts +1 -1
- package/dist/generated/themes/ProgressBar.css.js +1 -1
- package/dist/generated/themes/ProgressBar.css.js.map +1 -1
- package/dist/generated/themes/PromoTile.css.d.ts +1 -1
- package/dist/generated/themes/PromoTile.css.js +1 -1
- package/dist/generated/themes/PromoTile.css.js.map +1 -1
- package/dist/generated/themes/RadioButton.css.d.ts +1 -1
- package/dist/generated/themes/RadioButton.css.js +1 -1
- package/dist/generated/themes/RadioButton.css.js.map +1 -1
- package/dist/generated/themes/Review.css.d.ts +1 -1
- package/dist/generated/themes/Review.css.js +1 -1
- package/dist/generated/themes/Review.css.js.map +1 -1
- package/dist/generated/themes/ReviewItem.css.d.ts +1 -1
- package/dist/generated/themes/ReviewItem.css.js +1 -1
- package/dist/generated/themes/ReviewItem.css.js.map +1 -1
- package/dist/generated/themes/Search.css.d.ts +1 -1
- package/dist/generated/themes/Search.css.js +1 -1
- package/dist/generated/themes/Search.css.js.map +1 -1
- package/dist/generated/themes/SelectBase.css.d.ts +1 -1
- package/dist/generated/themes/SelectBase.css.js +1 -1
- package/dist/generated/themes/SelectBase.css.js.map +1 -1
- package/dist/generated/themes/SelectBox.css.d.ts +1 -1
- package/dist/generated/themes/SelectBox.css.js +1 -1
- package/dist/generated/themes/SelectBox.css.js.map +1 -1
- package/dist/generated/themes/SideNavigation.css.d.ts +1 -1
- package/dist/generated/themes/SideNavigation.css.js +1 -1
- package/dist/generated/themes/SideNavigation.css.js.map +1 -1
- package/dist/generated/themes/SideNavigationGroup.css.d.ts +1 -1
- package/dist/generated/themes/SideNavigationGroup.css.js +1 -1
- package/dist/generated/themes/SideNavigationGroup.css.js.map +1 -1
- package/dist/generated/themes/SocialMediaButton.css.d.ts +1 -1
- package/dist/generated/themes/SocialMediaButton.css.js +1 -1
- package/dist/generated/themes/SocialMediaButton.css.js.map +1 -1
- package/dist/generated/themes/StepInput.css.d.ts +1 -1
- package/dist/generated/themes/StepInput.css.js +1 -1
- package/dist/generated/themes/StepInput.css.js.map +1 -1
- package/dist/generated/themes/Switch.css.d.ts +1 -1
- package/dist/generated/themes/Switch.css.js +1 -1
- package/dist/generated/themes/Switch.css.js.map +1 -1
- package/dist/generated/themes/TabNavigation.css.d.ts +1 -1
- package/dist/generated/themes/TabNavigation.css.js +1 -1
- package/dist/generated/themes/TabNavigation.css.js.map +1 -1
- package/dist/generated/themes/Tag.css.d.ts +1 -1
- package/dist/generated/themes/Tag.css.js +1 -1
- package/dist/generated/themes/Tag.css.js.map +1 -1
- package/dist/generated/themes/TagGroup.css.d.ts +1 -1
- package/dist/generated/themes/TagGroup.css.js +1 -1
- package/dist/generated/themes/TagGroup.css.js.map +1 -1
- package/dist/generated/themes/TextArea.css.d.ts +1 -1
- package/dist/generated/themes/TextArea.css.js +1 -1
- package/dist/generated/themes/TextArea.css.js.map +1 -1
- package/dist/generated/themes/TextField.css.d.ts +1 -1
- package/dist/generated/themes/TextField.css.js +1 -1
- package/dist/generated/themes/TextField.css.js.map +1 -1
- package/dist/generated/themes/Toast.css.d.ts +1 -1
- package/dist/generated/themes/Toast.css.js +1 -1
- package/dist/generated/themes/Toast.css.js.map +1 -1
- package/dist/messagebundle_ar.properties +99 -0
- package/dist/messagebundle_no.properties +126 -1
- package/dist/vscode.html-custom-data.json +79 -14
- package/dist/web-types.json +211 -32
- package/package.json +1 -1
- package/src/AccordionSpotlight.ts +321 -0
- package/src/AccordionSpotlightItem.ts +117 -0
- package/src/AccordionSpotlightItemTemplate.tsx +7 -0
- package/src/AccordionSpotlightTemplate.tsx +107 -0
- package/src/BusyIndicator.ts +17 -2
- package/src/Carousel.ts +118 -80
- package/src/FilterMenu.ts +25 -4
- package/src/FilterMenuTemplate.tsx +1 -1
- package/src/HeroBanner.ts +60 -46
- package/src/HeroBannerTemplate.tsx +35 -22
- package/src/List.ts +23 -11
- package/src/ListGroupHeader.hbs +11 -10
- package/src/ListGroupHeader.ts +5 -1
- package/src/ListGroupHeaderBase.ts +48 -0
- package/src/ListItem.hbs +5 -1
- package/src/ListItem.ts +36 -0
- package/src/MediaPlayer.ts +11 -0
- package/src/PromoTile.ts +1 -1
- package/src/SearchableListBase.ts +24 -7
- package/src/SearchableListBaseTemplate.tsx +5 -2
- package/src/SelectBase.ts +58 -3
- package/src/SelectBoxTemplate.tsx +1 -0
- package/src/TabNavigation.hbs +1 -1
- package/src/TabNavigation.ts +8 -1
- package/src/Wizard.ts +15 -1
- package/src/generated/templates/ListGroupHeaderTemplate.lit.ts +24 -21
- package/src/generated/templates/ListItemTemplate.lit.ts +2 -2
- package/src/generated/templates/TabNavigationTemplate.lit.ts +1 -1
- package/src/generated/themes/Accordion.css.ts +1 -1
- package/src/generated/themes/AccordionItem.css.ts +1 -1
- package/src/generated/themes/AccordionSpotlight.css.ts +9 -0
- package/src/generated/themes/AccordionSpotlightItem.css.ts +9 -0
- package/src/generated/themes/Badge.css.ts +1 -1
- package/src/generated/themes/BusyIndicator.css.ts +9 -0
- package/src/generated/themes/Button.css.ts +1 -1
- package/src/generated/themes/Divider.css.ts +1 -1
- package/src/generated/themes/Dropdown.css.ts +1 -1
- package/src/generated/themes/FilterMenu.css.ts +1 -1
- package/src/generated/themes/Footer.css.ts +1 -1
- package/src/generated/themes/HeroBanner.css.ts +1 -1
- package/src/generated/themes/ImageGridTableItem.css.ts +1 -1
- package/src/generated/themes/InputGroup.css.ts +1 -1
- package/src/generated/themes/MastheadShell.css.ts +1 -1
- package/src/generated/themes/MediaPlayer.css.ts +1 -1
- package/src/generated/themes/PhoneNumberField.css.ts +1 -1
- package/src/generated/themes/ProgressBar.css.ts +1 -1
- package/src/generated/themes/PromoTile.css.ts +1 -1
- package/src/generated/themes/RadioButton.css.ts +1 -1
- package/src/generated/themes/Review.css.ts +1 -1
- package/src/generated/themes/ReviewItem.css.ts +1 -1
- package/src/generated/themes/Search.css.ts +1 -1
- package/src/generated/themes/SelectBase.css.ts +1 -1
- package/src/generated/themes/SelectBox.css.ts +1 -1
- package/src/generated/themes/SideNavigation.css.ts +1 -1
- package/src/generated/themes/SideNavigationGroup.css.ts +1 -1
- package/src/generated/themes/SocialMediaButton.css.ts +1 -1
- package/src/generated/themes/StepInput.css.ts +1 -1
- package/src/generated/themes/Switch.css.ts +1 -1
- package/src/generated/themes/TabNavigation.css.ts +1 -1
- package/src/generated/themes/Tag.css.ts +1 -1
- package/src/generated/themes/TagGroup.css.ts +1 -1
- package/src/generated/themes/TextArea.css.ts +1 -1
- package/src/generated/themes/TextField.css.ts +1 -1
- package/src/generated/themes/Toast.css.ts +1 -1
- package/src/i18n/messagebundle_ar.properties +99 -0
- package/src/i18n/messagebundle_no.properties +126 -1
- package/src/themes/Accordion.css +1 -1
- package/src/themes/AccordionItem.css +4 -4
- package/src/themes/AccordionSpotlight.css +264 -0
- package/src/themes/AccordionSpotlightItem.css +3 -0
- package/src/themes/Badge.css +7 -7
- package/src/themes/BusyIndicator.css +24 -0
- package/src/themes/Button.css +57 -57
- package/src/themes/Divider.css +1 -1
- package/src/themes/Dropdown.css +1 -1
- package/src/themes/FilterMenu.css +2 -2
- package/src/themes/Footer.css +1 -1
- package/src/themes/HeroBanner.css +2 -0
- package/src/themes/ImageGridTableItem.css +1 -1
- package/src/themes/InputGroup.css +1 -1
- package/src/themes/MastheadShell.css +2 -2
- package/src/themes/MediaPlayer.css +5 -34
- package/src/themes/PhoneNumberField.css +6 -6
- package/src/themes/ProgressBar.css +4 -0
- package/src/themes/PromoTile.css +160 -4
- package/src/themes/RadioButton.css +2 -2
- package/src/themes/Review.css +2 -2
- package/src/themes/ReviewItem.css +2 -2
- package/src/themes/Search.css +5 -5
- package/src/themes/SelectBase.css +14 -14
- package/src/themes/SelectBox.css +1 -1
- package/src/themes/SideNavigation.css +1 -1
- package/src/themes/SideNavigationGroup.css +1 -1
- package/src/themes/SocialMediaButton.css +2 -2
- package/src/themes/StepInput.css +8 -8
- package/src/themes/Switch.css +9 -9
- package/src/themes/TabNavigation.css +1 -1
- package/src/themes/Tag.css +4 -4
- package/src/themes/TagGroup.css +1 -0
- package/src/themes/TextArea.css +4 -4
- package/src/themes/TextField.css +13 -13
- package/src/themes/Toast.css +1 -1
- package/dist/assets/messagebundle_ar-BNhVFt1-.js +0 -1
- package/dist/assets/messagebundle_no-BIUfmTWJ.js +0 -1
|
@@ -5,5 +5,5 @@ import defaultTheme from "./sap_horizon/parameters-bundle.css.js";
|
|
|
5
5
|
|
|
6
6
|
registerThemePropertiesLoader("@" + "ui5" + "/" + "webcomponents-theming", "sap_horizon", async () => defaultThemeBase);
|
|
7
7
|
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, "host");
|
|
8
|
-
export default `:host{--udex-textarea-color-standard-default-background: var(--sapField_Background, #fff);--udex-textarea-color-standard-default-border: var(--sapField_BorderColor, #5b738b);--udex-textarea-color-standard-default-text: var(--sapField_TextColor, #223548);--udex-textarea-color-standard-default-label: var(--sapField_PlaceholderTextColor, #475e75);--udex-textarea-color-standard-hover-border: var(--sapField_Hover_BorderColor, #1b90ff);--udex-textarea-color-standard-actives-border: var(--sapField_Active_BorderColor, #0040b0);--udex-textarea-color-warning-default-background: var(--sapField_WarningBackground, #fff);--udex-textarea-color-warning-default-border: var(--
|
|
8
|
+
export default `:host{--udex-textarea-color-standard-default-background: var(--sapField_Background, #fff);--udex-textarea-color-standard-default-border: var(--sapField_BorderColor, #5b738b);--udex-textarea-color-standard-default-text: var(--sapField_TextColor, #223548);--udex-textarea-color-standard-default-label: var(--sapField_PlaceholderTextColor, #475e75);--udex-textarea-color-standard-hover-border: var(--sapField_Hover_BorderColor, #1b90ff);--udex-textarea-color-standard-actives-border: var(--sapField_Active_BorderColor, #0040b0);--udex-textarea-color-warning-default-background: var(--sapField_WarningBackground, #fff);--udex-textarea-color-warning-default-border: var(--udexColorMango6, #e76500);--udex-textarea-color-warning-hover-border: var(--sapField_WarningColor, #c35500);--udex-textarea-color-warning-actives-border: var(--sapWarningColor, #8d2a00);--udex-textarea-color-error-default-background: var(--sapField_InvalidBackground, #fff);--udex-textarea-color-error-default-border: var(--udexColorRed6, #ee3939);--udex-textarea-color-error-hover-border: var(--sapField_InvalidColor, #d20a0a);--udex-textarea-color-error-actives-border: var(--udexColorRed9, #840606);--udex-textarea-color-success-default-background: var(--sapField_SuccessBackground, #fff);--udex-textarea-color-success-default-border: var(--udexColorGreen6, #36a41d);--udex-textarea-color-success-hover-border: var(--sapField_SuccessColor, #188918);--udex-textarea-color-success-actives-border: var(--sapSuccessColor, #1e592f);--udex-textarea-color-disabled-default-background: var(--sapField_Background, #fff);--udex-textarea-color-disabled-default-border: var(--sapNeutralElementColor, #5b738b);--udex-textarea-color-readonly-default-background: var(--sapField_ReadOnly_Background, #eaecee);--udex-textarea-color-readonly-default-border: var(--sapNeutralElementColor, #5b738b);--udex-textarea-active-lable-font-size: var(--sapFontSmallSize, 12px);--udex-textarea-color-label-background: var(--sapField_Background, #fff);--udex-textarea-paddings: 9px var(--udexSpacer12, 12px) 15px;--udex-textarea-radius: var(--udexRadiusXS, 4px);--udex-textarea-height: 50px;--udex-textarea-border-width: 1px;font-family:var(--sapFontFamily, sans-serif);font-size:var(--sapFontSize, 16px);color:var(--udex-textarea-color-standard-default-text)}.udex-textarea{position:relative}.udex-textarea__label{font-weight:var(--udexTypographyFontWeightRegular, 400);position:absolute;top:10px;margin-inline-start:9px;padding:0 var(--udexSpacer4, 4px);color:var(--udex-textarea-color-standard-default-label);line-height:24px;transition:top .15s ease-out,font-size .15s ease-out}.udex-textarea__label--active{top:-11px;font-size:var(--udex-textarea-active-lable-font-size);line-height:1.5;z-index:2;background:linear-gradient(var(--udex-textarea-color-label-background) 60%,var(--udex-textarea-color-standard-default-background) 60%)}:host [ui5-icon]{color:inherit;vertical-align:top;margin-inline-end:var(--udexSpacer4, 4px)}.udex-textarea__field{display:block;box-sizing:border-box;width:100%;height:var(--udex-textarea-height);max-height:94vh;margin:0;padding:var(--udex-textarea-paddings);background:var(--udex-textarea-color-standard-default-background);border-radius:var(--udex-textarea-radius);border:var(--udex-textarea-border-width) solid var(--udex-textarea-color-standard-default-border);font-weight:var(--udexTypographyFontWeightRegular, 400);outline:none;color:inherit;font-size:inherit;font-family:inherit;font-style:inherit;-webkit-appearance:none;-moz-appearance:textfield;overflow:auto;resize:none;line-height:24px;letter-spacing:inherit;word-spacing:inherit}.udex-textarea__field:hover{border-color:var(--udex-textarea-color-standard-hover-border)}.udex-textarea__field:focus{border-color:var(--udex-textarea-color-standard-actives-border)}.udex-textarea__wrapper{position:relative}:host(:not([_is-touched])[active]) .udex-textarea__wrapper:before{content:"";position:absolute;z-index:-1;inset:-5px;border:2px solid var(--udexColorBlue10);border-radius:var(--udexRadiusS, 6px)}:host([value-state="Warning"]) .udex-textarea__field{background-color:var(--udex-textarea-color-warning-default-background);border-color:var(--udex-textarea-color-warning-default-border)}:host([value-state="Warning"]) .udex-textarea__label--active{background:linear-gradient(var(--udex-textarea-color-label-background) 60%,var(--udex-textarea-color-warning-default-background) 60%)}:host([value-state="Warning"]) .udex-textarea__field:hover{border-color:var(--udex-textarea-color-warning-hover-border)}:host([value-state="Warning"]) .udex-textarea__field:focus{border-color:var(--udex-textarea-color-warning-actives-border)}:host([value-state="Error"]) .udex-textarea__field{background-color:var(--udex-textarea-color-error-default-background);border-color:var(--udex-textarea-color-error-default-border)}:host([value-state="Error"]) .udex-textarea__label--active{background:linear-gradient(var(--udex-textarea-color-label-background) 60%,var(--udex-textarea-color-error-default-background) 60%)}:host([value-state="Error"]) .udex-textarea__field:hover{border-color:var(--udex-textarea-color-error-hover-border)}:host([value-state="Error"]) .udex-textarea__field:focus{border-color:var(--udex-textarea-color-error-actives-border)}:host([value-state="Success"]) .udex-textarea__field{background-color:var(--udex-textarea-color-success-default-background);border-color:var(--udex-textarea-color-success-default-border)}:host([value-state="Success"]) .udex-textarea__label--active{background:linear-gradient(var(--udex-textarea-color-label-background) 60%,var(--udex-textarea-color-success-default-background) 60%)}:host([value-state="Success"]) .udex-textarea__field:hover{border-color:var(--udex-textarea-color-success-hover-border)}:host([value-state="Success"]) .udex-textarea__field:focus{border-color:var(--udex-textarea-color-success-actives-border)}:host([disabled]) .udex-textarea{opacity:.4}:host([disabled]) .udex-textarea__field,:host([disabled]) .udex-textarea__field:hover{background-color:var(--udex-textarea-color-disabled-default-background);border-color:var(--udex-textarea-color-disabled-default-border)}:host([disabled]) .udex-textarea__label--active{background:linear-gradient(var(--udex-textarea-color-label-background) 60%,var(--udex-textarea-color-disabled-default-background) 60%)}:host([readonly]) .udex-textarea,:host([displayonly]) .udex-textarea{opacity:1}:host([readonly]) .udex-textarea__field,:host([readonly]) .udex-textarea__field:hover,:host([readonly]) .udex-textarea__field:focus{background-color:var(--udex-textarea-color-readonly-default-background);border-color:var(--udex-textarea-color-readonly-default-border)}:host([readonly]) .udex-textarea__label--active{background:linear-gradient(var(--udex-textarea-color-label-background) 60%,var(--udex-textarea-color-readonly-default-background) 60%)}:host([displayonly]) .udex-textarea__field,:host([displayonly]) .udex-textarea__field:hover,:host([displayonly]) .udex-textarea__field:focus{background-color:transparent;border-color:transparent}:host([displayonly]) .udex-textarea__label--active{background:transparent}:host([rows]) .udex-textarea__field{height:auto}:host([rows="1"]) .udex-textarea__field{height:var(--udex-textarea-height)}.udex-textarea__field::-webkit-scrollbar-thumb{border:2px solid var(--udex-textarea-color-standard-default-background)}:host([value-state="Warning"]) .udex-textarea__field::-webkit-scrollbar-thumb{border:2px solid var(--udex-textarea-color-warning-default-background)}:host([value-state="Error"]) .udex-textarea__field::-webkit-scrollbar-thumb{border:2px solid var(--udex-textarea-color-error-default-background)}:host([value-state="Success"]) .udex-textarea__field::-webkit-scrollbar-thumb{border:2px solid var(--udex-textarea-color-success-default-background)}:host([disabled]) .udex-textarea__field::-webkit-scrollbar-thumb{border:2px solid var(--udex-textarea-color-disabled-default-background)}:host([readonly]) .udex-textarea__field::-webkit-scrollbar-thumb{border:2px solid var(--udex-textarea-color-readonly-default-background)}:host([displayonly]) .udex-textarea__field::-webkit-scrollbar-thumb{border:2px solid transparent}.hidden-text{display:none}.hidden-label{border:0;clip:rect(0 0 0 0);height:1px;overflow:hidden;padding:0;position:absolute;width:1px}
|
|
9
9
|
`
|
|
@@ -5,5 +5,5 @@ import defaultTheme from "./sap_horizon/parameters-bundle.css.js";
|
|
|
5
5
|
|
|
6
6
|
registerThemePropertiesLoader("@" + "ui5" + "/" + "webcomponents-theming", "sap_horizon", async () => defaultThemeBase);
|
|
7
7
|
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, "host");
|
|
8
|
-
export default `:host{--udex-input-color-standard-default-border: var(--sapField_BorderColor, var(--udexColorGrey6));--udex-input-color-standard-default-label: var(--sapField_PlaceholderTextColor, var(--udexColorGrey7));--udex-input-color-standard-default-supporting-text: var(--sapField_PlaceholderTextColor, var(--udexColorGrey7));--udex-input-color-standard-default-typed-text: var(--sapField_TextColor, var(--
|
|
8
|
+
export default `:host{--udex-input-color-standard-default-border: var(--sapField_BorderColor, var(--udexColorGrey6));--udex-input-color-standard-default-label: var(--sapField_PlaceholderTextColor, var(--udexColorGrey7));--udex-input-color-standard-default-supporting-text: var(--sapField_PlaceholderTextColor, var(--udexColorGrey7));--udex-input-color-standard-default-typed-text: var(--sapField_TextColor, var(--udexColorGrey9));--udex-input-color-standard-default-background-light: var(--sapField_Background, var(--udexColorNeutralWhite));--udex-input-color-standard-hover-border: var(--sapField_Hover_BorderColor, var(--udexColorBlue6));--udex-input-color-standard-active-border: var(--sapField_Active_BorderColor, var(--udexColorBlue9));--udex-input-color-error-default-border: var(--udexColorRed6, #EE3939);--udex-input-color-error-hover-border: var(--sapField_InvalidColor, var(--udexColorRed7));--udex-input-color-error-active-border: var(--udexColorRed9, #840606);--udex-input-color-error-default-supporting-text: var(--sapField_InvalidColor, var(--udexColorRed7));--udex-input-color-warning-default-border: var(--udexColorMango6, #E76500);--udex-input-color-warning-hover-border: var(--sapField_WarningColor, var(--udexColorMango7));--udex-input-color-warning-active-border: var(--udexColorMango9, #8D2A00);--udex-input-color-warning-default-supporting-text: var(--sapField_WarningColor, var(--udexColorMango7));--udex-input-color-success-default-border: var(--udexColorGreen6, #36A41D);--udex-input-color-success-hover-border: var(--sapField_SuccessColor, var(--udexColorGreen7));--udex-input-color-success-active-border: var(--udexColorGreen9, #1E592F);--udex-input-color-success-default-supporting-text: var(--sapField_SuccessColor, var(--udexColorGreen7));--udex-input-color-disabled-border: var(--udexColorGrey6, #5B738B);--udex-input-color-disabled-label: var(--sapField_PlaceholderTextColor, var(--udexColorGrey7));--udex-input-color-read-only-default-border: var(--sapField_ReadOnly_BorderColor, var(--udexColorGrey6));--udex-input-color-read-only-default-background: var(--sapField_ReadOnly_Background, var(--udexColorGrey2));--udex-input-padding: 0 var(--udexSpacer12, 12px);--udex-input-min-width-xs-and-s: 100%;--udex-input-max-width: 100%}.udex-text-field__wrap{display:flex;position:relative;border-radius:var(--udexRadiusXS, 4px);border:1px solid var(--udex-input-color-standard-default-border);background-color:var(--udex-input-color-standard-default-background-light)}.udex-text-field__wrap:hover{border-color:var(--udex-input-color-standard-hover-border)}.udex-text-field__container{position:relative;font-family:var(--sapFontFamily, sans-serif);max-width:var(--udex-input-max-width);width:100%}@media (width < 640px){.udex-text-field__container{min-width:var(--udex-input-min-width-xs-and-s)}}:host([disabled]) .udex-text-field__container{opacity:var(--sapContent_DisabledOpacity)}.udex-text-field__input{width:100%;height:40px;font-size:var(--sapProgress_FontSize, 16px);font-family:inherit;line-height:24px;color:var(--udex-input-color-standard-default-typed-text);padding:var(--udex-input-padding);border-radius:var(--udexRadiusXS, 4px);box-sizing:border-box;font-weight:var(--udexTypographyFontWeightRegular, 400);background:transparent;border:none;text-overflow:ellipsis}.udex-text-field__input:focus{outline:none}:host(:not([_is-touched]):not([aria-expanded="true"])[active]) .udex-text-field__wrap:before{content:"";position:absolute;z-index:-1;inset:-5px;border:2px solid var(--udexColorBlue10);border-radius:var(--udexRadiusS, 6px)}.udex-text-field__wrap[open],:host([active]) .udex-text-field__wrap{border-color:var(--udex-input-color-standard-active-border);outline:0}.udex-text-field__wrap[open]:hover{border-color:var(--udex-input-color-standard-active-border)}:host([disabled]) .udex-text-field__wrap{border-color:var(--udex-input-color-disabled-border);background-color:var(--udex-input-color-standard-default-background-light)}:host([readonly]) .udex-text-field__wrap{border-color:var(--udex-input-color-read-only-default-border);background-color:var(--udex-input-color-read-only-default-background)}:host([value-state="Success"][displayonly]) .udex-text-field__wrap,:host([value-state="Warning"][displayonly]) .udex-text-field__wrap,:host([value-state="Error"][displayonly]) .udex-text-field__wrap{border:0;background-color:transparent;font-family:inherit}:host([displayonly]) .udex-text-field__wrap[open],:host([displayonly]) .udex-text-field__wrap{outline:0;background-color:transparent;border-color:transparent}:host([displayonly][value-state="Success"]) .udex-text-field__wrap:hover,:host([displayonly][value-state="Warning"]) .udex-text-field__wrap:hover,:host([displayonly][value-state="Error"]) .udex-text-field__wrap:hover{border:none}:host([value-state="Error"]) .udex-text-field__wrap{border:1px solid var(--udex-input-color-error-default-border)}:host([value-state="Error"]) .udex-text-field__wrap:hover{border:1px solid var(--udex-input-color-error-hover-border)}:host([value-state="Error"]) .udex-text-field__wrap[open],:host([value-state="Error"][active]) .udex-text-field__wrap{border:1px solid var(--udex-input-color-error-active-border);outline:0}:host([value-state="Warning"]) .udex-text-field__wrap{border:1px solid var(--udex-input-color-warning-default-border)}:host([value-state="Warning"]) .udex-text-field__wrap:hover{border:1px solid var(--udex-input-color-warning-hover-border)}:host([value-state="Warning"]) .udex-text-field__wrap[open],:host([value-state="Warning"][active]) .udex-text-field__wrap{border:1px solid var(--udex-input-color-warning-active-border);outline:0}:host([value-state="Success"]) .udex-text-field__wrap{border:1px solid var(--udex-input-color-success-default-border)}:host([value-state="Success"]) .udex-text-field__wrap:hover{border:1px solid var(--udex-input-color-success-hover-border)}:host([value-state="Success"]) .udex-text-field__wrap[open],:host([value-state="Success"][active]) .udex-text-field__wrap{border:1px solid var(--udex-input-color-success-active-border);outline:0}.udex-text-field__label{position:absolute;z-index:2;color:var(--udex-input-color-standard-default-label);transition:transform .15s ease-out,font-size .15s ease-out;line-height:24px;font-weight:var(--udexTypographyFontWeightRegular, 400);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:calc(100% - var(--udexSpacer12) * 2);padding:0 var(--udexSpacer4)}.udex-text-field__container:dir(rtl) .udex-text-field__icon-container{left:1px;right:auto}.udex-text-field__container:dir(ltr) .udex-text-field__label,.udex-text-field__container:dir(rtl) .udex-text-field__label{top:9px}.udex-text-field__container:dir(ltr) .udex-text-field__label{left:var(--udexSpacer8)}.udex-text-field__container:dir(rtl) .udex-text-field__label{right:var(--udexSpacer8);left:auto}.udex-text-field__label.udex-text-field__label_active,:host:has(.udex-text-field__input:-webkit-autofill) .udex-text-field__label{line-height:18px;transform:translateY(-110%);font-size:12px;background:var(--udex-input-color-standard-default-background-light)}:host([readonly]) .udex-text-field__label.udex-text-field__label_active{background:linear-gradient(var(--udex-input-color-standard-default-background-light) 65%,var(--udex-input-color-read-only-default-background) 65%)}:host([displayonly][readonly]) .udex-text-field__label.udex-text-field__label_active,:host([displayonly]) .udex-text-field__label.udex-text-field__label_active{background-color:transparent;background:none}:host([disabled]) .udex-text-field__label{color:var(--udex-input-color-disabled-label)}.udex-text-field__icon-container{--sapContent_DisabledOpacity: 1;--sapButton_BorderWidth: 0 0 0 1px;--udex-control-button-large-height: 40px;--udex-control-button-large-width: 40px;position:relative;padding:var(--udexSpacer4, 4px)}:host(:dir(rtl):not([readonly]):not([displayonly]):not([disabled])) .udex-text-field__wrap:hover .udex-text-field__icon-container{--udex-control-button-border-color: var(--udexColorGrey4, #A9B4BE);--sapButton_BorderWidth: 0 1px 0 0}:host(:dir(rtl):not([readonly]):not([displayonly]):not([disabled])) .udex-text-field__wrap .udex-text-field__icon-container{--sapButton_BorderWidth: 0 1px 0 0}.udex-text-field__supporting-text{font-size:12px;line-height:18px;color:var(--udex-input-color-standard-default-supporting-text);padding:4px 12px;display:block;position:relative}:host([value-state="Error"]) .udex-text-field__supporting-text{color:var(--udex-input-color-error-default-supporting-text)}:host([value-state="Warning"]) .udex-text-field__supporting-text{color:var(--udex-input-color-warning-default-supporting-text)}:host([value-state="Success"]) .udex-text-field__supporting-text{color:var(--udex-input-color-success-default-supporting-text)}.udex-text-field__icon{color:inherit;vertical-align:top;margin-inline-end:var(--udexSpacer4, 4px)}.udex-text-field__supporting-text-icon{color:inherit;vertical-align:top;margin-inline-end:var(--udexSpacer4, 4px);width:var(--sapContent_IconHeight, 16px);height:var(--sapContent_IconHeight, 16px)}.udex-text-field__input[type=password]::-ms-reveal{display:none}.udex-text-field__input[type=number]::-webkit-outer-spin-button,.udex-text-field__input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.udex-text-field__input[type=number]{-moz-appearance:textfield;appearance:textfield}.hidden-text{display:none}
|
|
9
9
|
`
|
|
@@ -5,5 +5,5 @@ import defaultTheme from "./sap_horizon/parameters-bundle.css.js";
|
|
|
5
5
|
|
|
6
6
|
registerThemePropertiesLoader("@" + "ui5" + "/" + "webcomponents-theming", "sap_horizon", async () => defaultThemeBase);
|
|
7
7
|
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, "host");
|
|
8
|
-
export default `:host{--udex-toast-font-size: var(--udexTypographyBodyXSFontSize, 14px);--udex-toast-color: var(--udexColorGrey9, #223548);--udex-toast-text-line-height: 1.313rem;--udex-toast-border-width: 1px;--udex-toast-border-color: var(--udexColorGrey3, #D5DADD);--udex-toast-close-icon-color: var(--udexColorGrey7, #475E75);--udex-toast-status-icon-size:
|
|
8
|
+
export default `:host{--udex-toast-font-size: var(--udexTypographyBodyXSFontSize, 14px);--udex-toast-color: var(--udexColorGrey9, #223548);--udex-toast-text-line-height: 1.313rem;--udex-toast-border-width: 1px;--udex-toast-border-color: var(--udexColorGrey3, #D5DADD);--udex-toast-close-icon-color: var(--udexColorGrey7, #475E75);--udex-toast-status-icon-size: 18px;--udex-toast-vertical-offset: 2.5rem;--udex-toast-background:var(--udexColorNeutralWhite, #FFF);--udex-toast-shadow:var(--sapContent_Shadow2, 0 10px 30px 0 rgba(34, 54, 73, .25))}:host{background:var(--udex-toast-background);box-shadow:var(--udex-toast-shadow);border:var(--udex-toast-border-width) solid var(--udex-toast-border-color);padding:0}:host([placement="BottomCenter"]){bottom:var(--udex-toast-vertical-offset)}:host([desktop]) .udex-toast:focus,.udex-toast:focus-visible{outline:var(--udexSpacer2, 2px) solid var(--udexColorBlue9, #0040B0);outline-offset:-2px}.udex-toast{display:flex;align-items:center;padding:var(--udexSpacer16);border-radius:inherit;line-height:var(--udex-toast-text-line-height);font-size:var(--udexTypographyBodyXSFontSize, 14px);color:var(--udex-toast-color);--sapFontSize: var(--udex-toast-font-size)}.udex-toast .udex-toast__icon:dir(ltr){margin-right:var(--udexSpacer16)}.udex-toast .udex-toast__icon{min-width:1rem}:host([value-state="Error"]) .udex-toast__icon{fill:var(--udexColorRed8, #AA0808)}:host([value-state="Success"]) .udex-toast__icon{fill:var(--udexColorGreen8, #256F3A)}:host([value-state="Warning"]) .udex-toast__icon{fill:var(--udexColorMango8, #A93E00)}.udex-toast .udex-toast__icon:dir(rtl){margin-left:var(--udexSpacer16)}.udex-toast .udex-toast__button{height:var(--udex-toast-text-line-height);--udex-button-color-tertiary-standard-default-text-and-icon: var(--udex-toast-close-icon-color)}.udex-toast .udex-toast__button:dir(ltr){margin:0 0 0 9px}.udex-toast .udex-toast__button:dir(rtl){margin:0 9px 0 0}
|
|
9
9
|
`
|
|
@@ -3,3 +3,102 @@ OVERVIEW=نظرة عامة
|
|
|
3
3
|
LOGOUT=تسجيل الخروج
|
|
4
4
|
MAIN_LINKS=الارتباطات الرئيسية
|
|
5
5
|
BACK_TO_TOP=العودة لأعلى
|
|
6
|
+
COUNT=العدد
|
|
7
|
+
OF=من
|
|
8
|
+
UNSELECTED=غير محدد
|
|
9
|
+
INDETERMINATE=غير محدد
|
|
10
|
+
EDIT_BUTTON=تحرير
|
|
11
|
+
DELETE_BUTTON=حذف
|
|
12
|
+
BUTTON_ARIA_TYPE_PRIMARY=أساسي
|
|
13
|
+
BUTTON_ARIA_TYPE_SECONDARY=ثانوي
|
|
14
|
+
BUTTON_ARIA_TYPE_TERTIARY=ثالثي
|
|
15
|
+
BUTTON_ARIA_TYPE_POSITIVE=إيجابي
|
|
16
|
+
BUTTON_ARIA_TYPE_NEGATIVE=سلبي
|
|
17
|
+
BUTTON_ARIA_EMPHASIZED=مؤكَّد
|
|
18
|
+
BUTTON_ARIA_DEFAULT=افتراضي
|
|
19
|
+
BUTTON_ARIA_TRANSPARENT=شفاف
|
|
20
|
+
BUTTON_ARIA_ATTENTION=تنبيه
|
|
21
|
+
DATEPICKER_DATE_DESCRIPTION=إدخال التاريخ
|
|
22
|
+
TOGGLED=تم تبديله
|
|
23
|
+
PREVIOUS_PAGE=الصفحة السابقة
|
|
24
|
+
CURRENT_PAGE=الصفحة الحالية
|
|
25
|
+
ACTIVATE_PAGE=تنشيط الصفحة رقم
|
|
26
|
+
TOOLTIP_VOICE_BUTTON=الصوت
|
|
27
|
+
LISTENING=الاستماع
|
|
28
|
+
AVAILABLE_VALUES=القيم المتوفرة
|
|
29
|
+
RECOMMENDED_TEXT=الصفحات الموصى بها
|
|
30
|
+
ATTENTION_BADGE=شارة التنبيه
|
|
31
|
+
READ_LESS=قراءة أقل
|
|
32
|
+
RATING_INDICATOR_TEXT=مؤشر التصنيف
|
|
33
|
+
RATING_INDICATOR_TOOLTIP_TEXT=التصنيف
|
|
34
|
+
RATING_INDICATOR_ARIA_DESCRIPTION=مطلوب
|
|
35
|
+
TOTAL=الإجمالي
|
|
36
|
+
RATING_COUNT_TITLE=التصنيف
|
|
37
|
+
ARIA_LABEL_LIST_MULTISELECTABLE=تحتوي على عناصر متعددة قابلة للتحديد
|
|
38
|
+
ARIA_LABEL_LIST_SELECTABLE=تحتوي على عناصر قابلة للتحديد
|
|
39
|
+
SHOW_RESULTS=إظهار النتائج
|
|
40
|
+
MESSAGE_STRIP_CLOSE_BUTTON=زر إغلاق شريط الرسائل
|
|
41
|
+
MESSAGE_STRIP_INFORMATION=شريط المعلومات
|
|
42
|
+
MESSAGE_STRIP_SUCCESS=شريط إيجابي
|
|
43
|
+
MESSAGE_STRIP_WARNING=شريط تحذير
|
|
44
|
+
MESSAGE_STRIP_ERROR=شريط سلبي
|
|
45
|
+
MESSAGE_STRIP_ACTION=شريط إجراء
|
|
46
|
+
REVIEWS=التقييمات
|
|
47
|
+
STARS=النجوم
|
|
48
|
+
SELECT_OPTIONS=تحديد الخيارات
|
|
49
|
+
TEXTAREA_CHARACTERS_LEFT={0} من الحروف متبقية
|
|
50
|
+
VALUE_STATE_TYPE_ERROR=الحالة "خطأ" للحقل
|
|
51
|
+
VALUE_STATE_TYPE_WARNING=الحالة "تحذير" للحقل
|
|
52
|
+
VALUE_STATE_TYPE_SUCCESS=الحالة "تم بنجاح" للحقل
|
|
53
|
+
VALUE_STATE_TYPE_STANDARD=الحالة "قياسي" للحقل
|
|
54
|
+
NO_MATCHES_FOUND=لم يتم العثور على أي مطابقات.
|
|
55
|
+
BREADCRUMBS_ARIA_LABEL=مسار التنقل
|
|
56
|
+
STEPINPUT_INC_ICON_TITLE=زيادة الكمية بمقدار
|
|
57
|
+
STEPINPUT_DEC_ICON_TITLE=تقليل الكمية بمقدار
|
|
58
|
+
TABLE_NO_DATA_FOUND=لم يتم العثور على بيانات
|
|
59
|
+
VALUE_STATE_ERROR=إدخال غير صالح
|
|
60
|
+
VALUE_STATE_WARNING=تم إصدار تحذير
|
|
61
|
+
VALUE_STATE_INFORMATION=إدخال معلوماتي
|
|
62
|
+
VALUE_STATE_SUCCESS=تم التحقق من صحة الإدخال بنجاح
|
|
63
|
+
READ_ONLY=للقراءة فقط
|
|
64
|
+
SWITCH_ACCOUNT=تبديل الحساب
|
|
65
|
+
OTHER_IDENTITIES=هويات أخرى
|
|
66
|
+
ADD_OR_REMOVE_ACCOUNT=إضافة الحساب أو إزالته
|
|
67
|
+
COUNTRY_SELECT=تحديد دولة
|
|
68
|
+
CART=العربة
|
|
69
|
+
EMAIL=البريد الإلكتروني
|
|
70
|
+
CHAT_WITH_US=تحدَّث معنا
|
|
71
|
+
QUICK_LINKS=الارتباطات السريعة
|
|
72
|
+
TRENDING=المتداول
|
|
73
|
+
ABOUT_SAP=نبذة عن SAP
|
|
74
|
+
SITE_INFORMATION=معلومات الموقع
|
|
75
|
+
AVATAR_TEXT=الصورة الرمزية (أفاتار)
|
|
76
|
+
CALENDAR_ICON=أيقونة فتح التقويم
|
|
77
|
+
LIST_ITEM_EDIT_ICON=تحرير إدخال عنصر القائمة
|
|
78
|
+
LIST_ITEM_DELETE_ICON=حذف إدخال عنصر القائمة
|
|
79
|
+
BACK_BUTTON_LABEL=زر الرجوع
|
|
80
|
+
STATUS_BADGE_TEXT=شارة الحالة
|
|
81
|
+
STATUS_BADGE_EDIT_TITLE=انقر لتحرير ملف التعريف
|
|
82
|
+
STATUS_BADGE_INFORMATION_TITLE=انقر لفتح معلومات ملف التعريف
|
|
83
|
+
STATUS_BADGE_WARNING_TITLE=تحذير، مخاطرة محتملة بملف التعريف
|
|
84
|
+
STATUS_BADGE_ERROR_TITLE=يوجد خطأ بملف التعريف
|
|
85
|
+
STATUS_BADGE_SUCCESS_TITLE=تم التحقق من ملف التعريف بنجاح
|
|
86
|
+
PROFILE=ملف التعريف
|
|
87
|
+
OPENS_IN_A_NEW_WINDOW=فتح في نافذة جديدة
|
|
88
|
+
TEXT_FIELD=حقل نصي
|
|
89
|
+
UPLOADING_FILE_STATUS_TEXT=تحميل
|
|
90
|
+
TERMINATED_FILE_STATUS_TEXT=مُنهى
|
|
91
|
+
REMOVE_FILE_TEXT=إزالة الملف
|
|
92
|
+
UPLOAD_BUTTON_LABEL=تحميل ملف
|
|
93
|
+
COMPLETE_LIST_OF=القائمة الكاملة لـ
|
|
94
|
+
CALL_US_TODAY=اتصل بنا اليوم!
|
|
95
|
+
RESULT_RETURNED=تم الحصول على نتائج.
|
|
96
|
+
SOCIAL_MEDIA_BUTTON=زر الوسائط الاجتماعية
|
|
97
|
+
PROMO_TILE=إطار الترويج
|
|
98
|
+
PROMO_TILE_ICON=أيقونة إطار الترويج
|
|
99
|
+
PLAY_BUTTON_ACCESSIBLE_NAME=زر البدء لبدء تدوير شعارات العملاء
|
|
100
|
+
PAUSE_BUTTON_ACCESSIBLE_NAME=زر الإيقاف المؤقت لإيقاف تدوير شعارات العملاء
|
|
101
|
+
TOAST_CLOSE_ACCESSIBLE_NAME=إغلاق
|
|
102
|
+
DISABLED=معطَّل
|
|
103
|
+
EXPAND=توسيع
|
|
104
|
+
COLLAPSE=طي
|
|
@@ -3,4 +3,129 @@ OVERVIEW=Oversikt
|
|
|
3
3
|
LOGOUT=Logg av
|
|
4
4
|
MAIN_LINKS=Hovedkoblinger
|
|
5
5
|
BACK_TO_TOP=Tilbake til toppen
|
|
6
|
-
|
|
6
|
+
COUNT=Antall
|
|
7
|
+
OF=av
|
|
8
|
+
PAGINATION_PAGE=Side
|
|
9
|
+
SELECTED=Valgt
|
|
10
|
+
UNSELECTED=Ikke valgt
|
|
11
|
+
INDETERMINATE=Ikke fastsatt
|
|
12
|
+
EDIT_BUTTON=Rediger
|
|
13
|
+
DELETE_BUTTON=Slett
|
|
14
|
+
BACK_TO_REGION_LIST=Tilbake til regionsliste
|
|
15
|
+
BUTTON_ARIA_TYPE_PRIMARY=Primær
|
|
16
|
+
BUTTON_ARIA_TYPE_SECONDARY=Sekundær
|
|
17
|
+
BUTTON_ARIA_TYPE_TERTIARY=Tertiær
|
|
18
|
+
BUTTON_ARIA_TYPE_WARNING=Advarsel
|
|
19
|
+
BUTTON_ARIA_TYPE_POSITIVE=Positiv
|
|
20
|
+
BUTTON_ARIA_TYPE_NEGATIVE=Negativ
|
|
21
|
+
BUTTON_ARIA_EMPHASIZED=Uthevet
|
|
22
|
+
BUTTON_ARIA_DEFAULT=Standard
|
|
23
|
+
BUTTON_ARIA_TRANSPARENT=Transparent
|
|
24
|
+
BUTTON_ARIA_ATTENTION=Obs
|
|
25
|
+
DATEPICKER_DATE_DESCRIPTION=Datoangivelse
|
|
26
|
+
TOGGLED=Veksling
|
|
27
|
+
FIRST_PAGE=Første side
|
|
28
|
+
LAST_PAGE=Siste side
|
|
29
|
+
PREVIOUS_PAGE=Forrige side
|
|
30
|
+
NEXT_PAGE=Neste side
|
|
31
|
+
CURRENT_PAGE=Denne siden
|
|
32
|
+
ACTIVATE_PAGE=Aktiver sidetall
|
|
33
|
+
SUGGESTED_TEXT=foreslåtte søk
|
|
34
|
+
ACCESSIBLE_NAME_SEARCH_ICON=Søk
|
|
35
|
+
TOOLTIP_VOICE_BUTTON=Tale
|
|
36
|
+
TOOLTIP_SUBMIT_BUTTON=Send
|
|
37
|
+
LISTENING=Lytting
|
|
38
|
+
AVAILABLE_VALUES=Tilgjengelige verdier
|
|
39
|
+
RECOMMENDED_TEXT=Anbefalte sider
|
|
40
|
+
EXPAND_ALL=Utvid alt
|
|
41
|
+
COLLAPSE_ALL=Komprimer alt
|
|
42
|
+
MORE=Mer
|
|
43
|
+
ATTENTION_BADGE=Obs-merke
|
|
44
|
+
READ_MORE=Les mer
|
|
45
|
+
READ_LESS=Les mindre
|
|
46
|
+
SHOW_MORE=Vis mer
|
|
47
|
+
SHOW_LESS=Vis mindre
|
|
48
|
+
RATING_INDICATOR_TEXT=Vurderingsindikator
|
|
49
|
+
RATING_INDICATOR_TOOLTIP_TEXT=Vurdering
|
|
50
|
+
RATING_INDICATOR_ARIA_DESCRIPTION=Kreves
|
|
51
|
+
TOTAL=Totalt
|
|
52
|
+
RATING_COUNT_TITLE=Vurdering
|
|
53
|
+
ARIA_LABEL_LIST_MULTISELECTABLE=Inneholder elementer som det kan velges flere av
|
|
54
|
+
ARIA_LABEL_LIST_SELECTABLE=Inneholder elementer som kan velges
|
|
55
|
+
SHOW_RESULTS=Vis resultater
|
|
56
|
+
RESET=Tilbakestill
|
|
57
|
+
MESSAGE_STRIP_CLOSE_BUTTON=Lukk-knapp på meldingslinje
|
|
58
|
+
MESSAGE_STRIP_INFORMATION=Informasjonslinje
|
|
59
|
+
MESSAGE_STRIP_SUCCESS=Positiv linje
|
|
60
|
+
MESSAGE_STRIP_WARNING=Advarselslinje
|
|
61
|
+
MESSAGE_STRIP_ERROR=Negativ linje
|
|
62
|
+
MESSAGE_STRIP_ACTION=Aktivitetslinje
|
|
63
|
+
REVIEWS=vurderinger
|
|
64
|
+
STARS=stjerner
|
|
65
|
+
SELECT_OPTIONS=Velg alternativer
|
|
66
|
+
SELECT_ALL=Velg alle
|
|
67
|
+
TEXTAREA_CHARACTERS_LEFT={0} tegn igjen
|
|
68
|
+
VALUE_STATE_TYPE_ERROR=Feltstatus "Feil"
|
|
69
|
+
VALUE_STATE_TYPE_WARNING=Feltstatus "Advarsel"
|
|
70
|
+
VALUE_STATE_TYPE_SUCCESS=Feltstatus "Utført"
|
|
71
|
+
VALUE_STATE_TYPE_STANDARD=Feltstatus "Standard"
|
|
72
|
+
CAROUSEL_PREVIOUS_ARROW_TEXT=Forrige side
|
|
73
|
+
CAROUSEL_NEXT_ARROW_TEXT=Neste side
|
|
74
|
+
NO_MATCHES_FOUND=Finner ingen treff.
|
|
75
|
+
BREADCRUMBS_ARIA_LABEL=Brødsmulespor
|
|
76
|
+
BREADCRUMBS_OVERFLOW_ARIA_LABEL=Mer
|
|
77
|
+
STEPINPUT_INC_ICON_TITLE=Øk kvantum med
|
|
78
|
+
STEPINPUT_DEC_ICON_TITLE=Reduser kvantum med
|
|
79
|
+
TABLE_NO_DATA_FOUND=Finner ingen data
|
|
80
|
+
VALUE_STATE_ERROR=Ugyldige data
|
|
81
|
+
VALUE_STATE_WARNING=Advarsel gitt
|
|
82
|
+
VALUE_STATE_INFORMATION=Informative data
|
|
83
|
+
VALUE_STATE_SUCCESS=Dataene er validert
|
|
84
|
+
READ_ONLY=Skrivebeskyttet
|
|
85
|
+
SWITCH_ACCOUNT=Bytt konto
|
|
86
|
+
BACK=Tilbake
|
|
87
|
+
OTHER_IDENTITIES=Andre identiteter
|
|
88
|
+
ADD_OR_REMOVE_ACCOUNT=Legg til eller fjern konto
|
|
89
|
+
COUNTRY_SELECT=Velg land
|
|
90
|
+
CART=Handlekurv
|
|
91
|
+
COUNTRY_SELECTOR=Landvelger
|
|
92
|
+
PHONE_NUMBER=Telefonnummer
|
|
93
|
+
CONTACT_US=Kontakt oss
|
|
94
|
+
EMAIL=E-post
|
|
95
|
+
CHAT_WITH_US=Chat med oss
|
|
96
|
+
QUICK_LINKS=Hurtigkoblinger
|
|
97
|
+
TRENDING=Trender
|
|
98
|
+
ABOUT_SAP=Om SAP
|
|
99
|
+
SITE_INFORMATION=Informasjon om nettstedet
|
|
100
|
+
AVATAR_TEXT=Avatar
|
|
101
|
+
CALENDAR_ICON=Åpne kalenderikon
|
|
102
|
+
LIST_ITEM_EDIT_ICON=Rediger angivelse av listeelement
|
|
103
|
+
LIST_ITEM_DELETE_ICON=Slett angivelse av listeelement
|
|
104
|
+
BACK_BUTTON_LABEL=Tilbake-knapp
|
|
105
|
+
STATUS_BADGE_TEXT=Statusmerke
|
|
106
|
+
STATUS_BADGE_EDIT_TITLE=Klikk for å redigere profil
|
|
107
|
+
STATUS_BADGE_INFORMATION_TITLE=Klikk for å åpne profilinformasjon
|
|
108
|
+
STATUS_BADGE_WARNING_TITLE=Advarsel, mulig risiko med profilen
|
|
109
|
+
STATUS_BADGE_ERROR_TITLE=Det er en feil med profilen
|
|
110
|
+
STATUS_BADGE_SUCCESS_TITLE=Verifisert profil
|
|
111
|
+
PROFILE=Profil
|
|
112
|
+
OPENS_IN_A_NEW_WINDOW=åpnes i et nytt vindu
|
|
113
|
+
TEXT_FIELD=Tekstfelt
|
|
114
|
+
UPLOADING_FILE_STATUS_TEXT=Laster opp
|
|
115
|
+
TERMINATED_FILE_STATUS_TEXT=Avbrutt
|
|
116
|
+
REMOVE_FILE_TEXT=Fjern fil
|
|
117
|
+
UPLOAD_BUTTON_LABEL=Last opp fil
|
|
118
|
+
COMPLETE_LIST_OF=Fullstendig liste over
|
|
119
|
+
CALL_US_TODAY=Kontakt oss i dag!
|
|
120
|
+
SEARCH=Søk
|
|
121
|
+
RESULT_RETURNED=treff.
|
|
122
|
+
SOCIAL_MEDIA_BUTTON=Knapp for sosiale medier
|
|
123
|
+
PROMO_TILE=Kampanjerute
|
|
124
|
+
PROMO_TILE_ICON=Kampanjeruteikon
|
|
125
|
+
PLAY_BUTTON_ACCESSIBLE_NAME=Startknapp for å starte rotasjon av kundelogoer
|
|
126
|
+
PAUSE_BUTTON_ACCESSIBLE_NAME=Pauseknapp for å stoppe rotasjon av kundelogoer
|
|
127
|
+
LOCATION=Sted
|
|
128
|
+
TOAST_CLOSE_ACCESSIBLE_NAME=Lukk
|
|
129
|
+
DISABLED=Deaktivert
|
|
130
|
+
EXPAND=Utvid
|
|
131
|
+
COLLAPSE=Komprimer
|
package/src/themes/Accordion.css
CHANGED
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
:host {
|
|
2
2
|
--udex-accordion-item-icon-color: var(--udexColorBlue8, #0057D2);
|
|
3
|
-
--udex-accordion-item-headline-color: var(--sapTitleColor, var(--
|
|
3
|
+
--udex-accordion-item-headline-color: var(--sapTitleColor, var(--udexColorNeutralBlack));
|
|
4
4
|
--udex-accordion-item-headline-hover-color: var(--udexColorBlue8, #0057D2);
|
|
5
|
-
--udex-accordion-item-headline-font-size: var(--sapFontHeader5Size, var(--udexTypographyHeadingMediumXXXSFontSize, 18px));
|
|
6
|
-
--udex-accordion-item-headline-large-font-size: var(--sapFontHeader4Size, var(--udexTypographyHeadingMediumXXSFontSize, 20px));
|
|
5
|
+
--udex-accordion-item-headline-font-size: var(--sapFontHeader5Size, var(--udexTypographyHeadingMediumXXXSFontSize, 18px));
|
|
6
|
+
--udex-accordion-item-headline-large-font-size: var(--sapFontHeader4Size, var(--udexTypographyHeadingMediumXXSFontSize, 20px));
|
|
7
7
|
--udex-accordion-item-title-font-weight: var(--udexTypographyFontWeightMedium, 500);
|
|
8
8
|
--udex-accordion-item-border-color: var(--sapShell_BorderColor, var(--udexColorGrey3));
|
|
9
9
|
--udex-accordion-item-border-width: 1px;
|
|
@@ -58,7 +58,7 @@
|
|
|
58
58
|
color: var(--udex-accordion-item-headline-hover-color);
|
|
59
59
|
}
|
|
60
60
|
.udex-accordion-item__header:hover ~ [udex-divider] {
|
|
61
|
-
--udex-divider-color: var(--udex-accordion-item-headline-hover-color);
|
|
61
|
+
--udex-divider-color: var(--udex-accordion-item-headline-hover-color);
|
|
62
62
|
}
|
|
63
63
|
|
|
64
64
|
.udex-accordion-item__header:hover {
|
|
@@ -0,0 +1,264 @@
|
|
|
1
|
+
:host {
|
|
2
|
+
--udex-accordion-spotlight-nav-width: 25%;
|
|
3
|
+
--udex-accordion-spotlight-nav-gap: var(--udexSpacer16, 16px);
|
|
4
|
+
--udex-accordion-spotlight-nav-gap-mobile: var(--udexSpacer16, 16px);
|
|
5
|
+
--udex-accordion-spotlight-nav-color: var(--udexColorGrey7, #475E75);
|
|
6
|
+
--udex-accordion-spotlight-nav-font-size: var(--udexTypographyBodyXSFontSize, 14px);
|
|
7
|
+
--udex-accordion-spotlight-nav-font-family: var(--sapFontFamily, sans-serif);
|
|
8
|
+
--udex-accordion-spotlight-gap: var(--udexSpacer48, 48px);
|
|
9
|
+
--udex-accordion-spotlight-btn-color: var(--udexColorNeutralBlack, #000);
|
|
10
|
+
--udex-accordion-spotlight-btn-color-hover: var(--udexColorBlue8, #0057D2);
|
|
11
|
+
--udex-accordion-spotlight-btn-color-active: var(--udexColorBlue8, #0057D2);
|
|
12
|
+
--udex-accordion-spotlight-btn-font-size: var(--udexTypographyHeadingRegularXXSFontSize, 20px);
|
|
13
|
+
--udex-accordion-spotlight-btn-font-weight: var(--udexTypographyFontWeightMedium, 500);
|
|
14
|
+
--udex-accordion-spotlight-btn-font-family: var(--sapFontFamily, sans-serif);
|
|
15
|
+
--udex-accordion-spotlight-btn-line-height: 1.1;
|
|
16
|
+
--udex-accordion-spotlight-btn-padding: var(--udexSpacer16, 16px);
|
|
17
|
+
--udex-accordion-spotlight-indicator-color: var(--udexColorBlue8, #0057D2);
|
|
18
|
+
--udex-accordion-spotlight-indicator-width: 3px;
|
|
19
|
+
--udex-accordion-spotlight-border-color: var(--udexColorGrey3, #D5DADD);
|
|
20
|
+
--udex-accordion-spotlight-content-font-family: var(--sapFontFamily, sans-serif);
|
|
21
|
+
--udex-accordion-spotlight-content-font-size: var(--udexTypographyBodyXSFontSize, 14px);
|
|
22
|
+
--udex-accordion-spotlight-content-line-height: var(--udexTypographyBodyLineHeight, 1.5);
|
|
23
|
+
--udex-accordion-spotlight-transition: color 200ms ease-in;
|
|
24
|
+
--udex-accordion-spotlight-panel-duration: 500ms;
|
|
25
|
+
--udex-accordion-spotlight-panel-easing: ease;
|
|
26
|
+
--udex-accordion-spotlight-media-width: 100%;
|
|
27
|
+
--udex-accordion-spotlight-border-radius: var(--udexRadiusM, 8px);
|
|
28
|
+
|
|
29
|
+
display: block;
|
|
30
|
+
}
|
|
31
|
+
|
|
32
|
+
.udex-accordion-spotlight {
|
|
33
|
+
display: flex;
|
|
34
|
+
gap: var(--udex-accordion-spotlight-gap);
|
|
35
|
+
width: 100%;
|
|
36
|
+
overflow: hidden;
|
|
37
|
+
}
|
|
38
|
+
|
|
39
|
+
.udex-accordion-spotlight__nav {
|
|
40
|
+
flex: 0 0 var(--udex-accordion-spotlight-nav-width);
|
|
41
|
+
align-self: var(--udex-accordion-spotlight-nav-alignment, flex-start);
|
|
42
|
+
font-family: var(--udex-accordion-spotlight-nav-font-family);
|
|
43
|
+
font-size: var(--udex-accordion-spotlight-nav-font-size);
|
|
44
|
+
font-weight: var(--udexTypographyFontWeightRegular, 400);
|
|
45
|
+
color: var(--udex-accordion-spotlight-nav-color);
|
|
46
|
+
line-height: var(--udex-accordion-spotlight-content-line-height);
|
|
47
|
+
}
|
|
48
|
+
|
|
49
|
+
.udex-accordion-spotlight__nav-holder {
|
|
50
|
+
gap: var(--udex-accordion-spotlight-nav-gap);
|
|
51
|
+
border-inline-start: 1px solid var(--udex-accordion-spotlight-border-color);
|
|
52
|
+
box-sizing: border-box;
|
|
53
|
+
display: flex;
|
|
54
|
+
flex-direction: column;
|
|
55
|
+
}
|
|
56
|
+
|
|
57
|
+
.udex-accordion-spotlight__play-button {
|
|
58
|
+
margin-block-end: var(--udexSpacer16, 16px);
|
|
59
|
+
align-self: flex-start;
|
|
60
|
+
margin-inline-start: var(--udexSpacer16, 16px);
|
|
61
|
+
}
|
|
62
|
+
|
|
63
|
+
:host([vertical-alignment="Center"]) {
|
|
64
|
+
--udex-accordion-spotlight-nav-alignment: center;
|
|
65
|
+
}
|
|
66
|
+
|
|
67
|
+
:host([placement="End"]) .udex-accordion-spotlight__nav {
|
|
68
|
+
order: 1;
|
|
69
|
+
}
|
|
70
|
+
|
|
71
|
+
.udex-accordion-spotlight__nav-item {
|
|
72
|
+
position: relative;
|
|
73
|
+
padding: var(--udex-accordion-spotlight-btn-padding);
|
|
74
|
+
display: flex;
|
|
75
|
+
flex-direction: column;
|
|
76
|
+
align-items: flex-start;
|
|
77
|
+
}
|
|
78
|
+
|
|
79
|
+
.udex-accordion-spotlight-item__expand {
|
|
80
|
+
display: grid;
|
|
81
|
+
grid-template-rows: 0fr;
|
|
82
|
+
opacity: 0;
|
|
83
|
+
width: 100%;
|
|
84
|
+
margin-block-start: 0;
|
|
85
|
+
transition:
|
|
86
|
+
grid-template-rows var(--udex-accordion-spotlight-panel-duration) var(--udex-accordion-spotlight-panel-easing),
|
|
87
|
+
opacity var(--udex-accordion-spotlight-panel-duration) var(--udex-accordion-spotlight-panel-easing),
|
|
88
|
+
margin-block-start var(--udex-accordion-spotlight-panel-duration) var(--udex-accordion-spotlight-panel-easing);
|
|
89
|
+
}
|
|
90
|
+
|
|
91
|
+
.udex-accordion-spotlight-item__expand--open {
|
|
92
|
+
grid-template-rows: 1fr;
|
|
93
|
+
opacity: 1;
|
|
94
|
+
margin-block-start: var(--udexSpacer16, 16px);
|
|
95
|
+
}
|
|
96
|
+
|
|
97
|
+
.udex-accordion-spotlight-item__expand-inner {
|
|
98
|
+
overflow: hidden;
|
|
99
|
+
display: flex;
|
|
100
|
+
flex-direction: column;
|
|
101
|
+
gap: var(--udexSpacer16, 16px);
|
|
102
|
+
padding-inline: 4px;
|
|
103
|
+
margin-inline: -4px;
|
|
104
|
+
padding-block-end: 4px;
|
|
105
|
+
margin-block-end: -4px;
|
|
106
|
+
}
|
|
107
|
+
|
|
108
|
+
.udex-accordion-spotlight-item__button {
|
|
109
|
+
background: none;
|
|
110
|
+
border: 0;
|
|
111
|
+
padding: 0;
|
|
112
|
+
border-radius: 0;
|
|
113
|
+
cursor: pointer;
|
|
114
|
+
display: flex;
|
|
115
|
+
flex-direction: column;
|
|
116
|
+
text-align: start;
|
|
117
|
+
color: var(--udex-accordion-spotlight-btn-color);
|
|
118
|
+
font-family: var(--udex-accordion-spotlight-btn-font-family);
|
|
119
|
+
font-size: var(--udex-accordion-spotlight-btn-font-size);
|
|
120
|
+
font-weight: var(--udex-accordion-spotlight-btn-font-weight);
|
|
121
|
+
line-height: var(--udex-accordion-spotlight-btn-line-height);
|
|
122
|
+
}
|
|
123
|
+
|
|
124
|
+
.udex-accordion-spotlight-item__button:hover {
|
|
125
|
+
color: var(--udex-accordion-spotlight-btn-color-hover);
|
|
126
|
+
}
|
|
127
|
+
|
|
128
|
+
.udex-accordion-spotlight-item__button:focus,
|
|
129
|
+
.udex-accordion-spotlight-item__button:focus-visible {
|
|
130
|
+
outline: none;
|
|
131
|
+
}
|
|
132
|
+
|
|
133
|
+
:host([desktop]) .udex-accordion-spotlight-item__button:focus,
|
|
134
|
+
.udex-accordion-spotlight-item__button:focus-visible {
|
|
135
|
+
outline: 2px solid var(--udex-accordion-spotlight-indicator-color);
|
|
136
|
+
border-radius: var(--udexRadiusXXS, 2px);
|
|
137
|
+
}
|
|
138
|
+
|
|
139
|
+
.udex-accordion-spotlight-item__button--active {
|
|
140
|
+
color: var(--udex-accordion-spotlight-btn-color-active);
|
|
141
|
+
}
|
|
142
|
+
|
|
143
|
+
.udex-accordion-spotlight-item__button--active::before {
|
|
144
|
+
content: '';
|
|
145
|
+
position: absolute;
|
|
146
|
+
inset-inline-start: -1px;
|
|
147
|
+
inset-block: 0;
|
|
148
|
+
width: var(--udex-accordion-spotlight-indicator-width);
|
|
149
|
+
background-color: var(--udex-accordion-spotlight-indicator-color);
|
|
150
|
+
border-start-end-radius: var(--udexRadiusXXS, 2px);
|
|
151
|
+
border-end-end-radius: var(--udexRadiusXXS, 2px);
|
|
152
|
+
z-index: 1;
|
|
153
|
+
}
|
|
154
|
+
|
|
155
|
+
.udex-accordion-spotlight__content {
|
|
156
|
+
flex: 1 1 0;
|
|
157
|
+
font-family: var(--udex-accordion-spotlight-content-font-family);
|
|
158
|
+
font-size: var(--udex-accordion-spotlight-content-font-size);
|
|
159
|
+
line-height: var(--udex-accordion-spotlight-content-line-height);
|
|
160
|
+
padding-inline-start: var(--udexSpacer16, 16px);
|
|
161
|
+
display: grid;
|
|
162
|
+
}
|
|
163
|
+
|
|
164
|
+
.udex-accordion-spotlight__content > .udex-accordion-spotlight__panel {
|
|
165
|
+
grid-area: 1 / 1;
|
|
166
|
+
display: block;
|
|
167
|
+
transition: opacity var(--udex-accordion-spotlight-panel-duration) var(--udex-accordion-spotlight-panel-easing);
|
|
168
|
+
}
|
|
169
|
+
|
|
170
|
+
.udex-accordion-spotlight__panel {
|
|
171
|
+
opacity: 0;
|
|
172
|
+
height: 0;
|
|
173
|
+
pointer-events: none;
|
|
174
|
+
}
|
|
175
|
+
|
|
176
|
+
.udex-accordion-spotlight__panel--open {
|
|
177
|
+
opacity: 1;
|
|
178
|
+
height: auto;
|
|
179
|
+
pointer-events: auto;
|
|
180
|
+
}
|
|
181
|
+
|
|
182
|
+
.udex-accordion-spotlight__panel-inner {
|
|
183
|
+
overflow: hidden;
|
|
184
|
+
}
|
|
185
|
+
|
|
186
|
+
.udex-accordion-spotlight-item__links {
|
|
187
|
+
display: flex;
|
|
188
|
+
flex-direction: column;
|
|
189
|
+
gap: var(--udexSpacer4, 4px);
|
|
190
|
+
}
|
|
191
|
+
|
|
192
|
+
.udex-accordion-spotlight__footer {
|
|
193
|
+
margin-block-start: var(--udexSpacer20, 20px);
|
|
194
|
+
margin-inline-start: var(--udexSpacer16, 16px);
|
|
195
|
+
}
|
|
196
|
+
|
|
197
|
+
.udex-accordion-spotlight__media {
|
|
198
|
+
flex: 1 1 0;
|
|
199
|
+
display: flex;
|
|
200
|
+
align-items: var(--udex-accordion-spotlight-nav-alignment, flex-start);
|
|
201
|
+
overflow: hidden;
|
|
202
|
+
}
|
|
203
|
+
|
|
204
|
+
.udex-accordion-spotlight__media ::slotted(img),
|
|
205
|
+
.udex-accordion-spotlight__media ::slotted(video) {
|
|
206
|
+
display: block;
|
|
207
|
+
width: var(--udex-accordion-spotlight-media-width);
|
|
208
|
+
border-radius: var(--udex-accordion-spotlight-border-radius);
|
|
209
|
+
}
|
|
210
|
+
|
|
211
|
+
@media (prefers-reduced-motion: reduce) {
|
|
212
|
+
.udex-accordion-spotlight__panel,
|
|
213
|
+
.udex-accordion-spotlight-item__expand,
|
|
214
|
+
.udex-accordion-spotlight-item__button {
|
|
215
|
+
transition: none;
|
|
216
|
+
}
|
|
217
|
+
}
|
|
218
|
+
|
|
219
|
+
@media (max-width: 979px) {
|
|
220
|
+
.udex-accordion-spotlight__nav-item:has(~ .udex-accordion-spotlight__nav-item) {
|
|
221
|
+
margin-bottom: var(--udex-accordion-spotlight-nav-gap-mobile);
|
|
222
|
+
}
|
|
223
|
+
|
|
224
|
+
.udex-accordion-spotlight__nav-holder {
|
|
225
|
+
gap: 0;
|
|
226
|
+
}
|
|
227
|
+
|
|
228
|
+
.udex-accordion-spotlight__media {
|
|
229
|
+
width: 100%;
|
|
230
|
+
flex: 0 0 auto;
|
|
231
|
+
margin-block-start: var(--udexSpacer16, 16px);
|
|
232
|
+
}
|
|
233
|
+
|
|
234
|
+
.udex-accordion-spotlight {
|
|
235
|
+
flex-direction: column;
|
|
236
|
+
gap: 0;
|
|
237
|
+
}
|
|
238
|
+
|
|
239
|
+
.udex-accordion-spotlight__nav {
|
|
240
|
+
flex: 0 0 100%;
|
|
241
|
+
width: 100%;
|
|
242
|
+
}
|
|
243
|
+
|
|
244
|
+
.udex-accordion-spotlight__panel {
|
|
245
|
+
height: inherit;
|
|
246
|
+
display: grid;
|
|
247
|
+
grid-template-rows: 0fr;
|
|
248
|
+
transition:
|
|
249
|
+
grid-template-rows var(--udex-accordion-spotlight-panel-duration) var(--udex-accordion-spotlight-panel-easing),
|
|
250
|
+
opacity var(--udex-accordion-spotlight-panel-duration) var(--udex-accordion-spotlight-panel-easing);
|
|
251
|
+
}
|
|
252
|
+
|
|
253
|
+
.udex-accordion-spotlight__panel--open {
|
|
254
|
+
grid-template-rows: 1fr;
|
|
255
|
+
margin: var(--udexSpacer8, 8px) 0 var(--udexSpacer24, 24px);
|
|
256
|
+
}
|
|
257
|
+
|
|
258
|
+
.udex-accordion-spotlight__panel-inner {
|
|
259
|
+
padding-inline-start: var(--udexSpacer16, 16px);
|
|
260
|
+
font-family: var(--udex-accordion-spotlight-content-font-family);
|
|
261
|
+
font-size: var(--udex-accordion-spotlight-content-font-size);
|
|
262
|
+
line-height: var(--udex-accordion-spotlight-content-line-height);
|
|
263
|
+
}
|
|
264
|
+
}
|