@ui5/webcomponents 2.26.0-rc.1 → 2.26.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.
@@ -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("@" + "u" + "i" + "5" + "/" + "w" + "e" + "b" + "c" + "o" + "m" + "p" + "o" + "n" + "e" + "n" + "t" + "s", "sap_horizon", async () => defaultTheme, "host");
6
- export default `:host{-webkit-tap-highlight-color:rgba(0,0,0,0)}:host([hidden]){display:none}:host([invalid]){display:none}:host(:not([hidden]).ui5_hovered){opacity:.7}:host{display:inline-block;width:1rem;height:1rem;color:var(--sapContent_IconColor);fill:currentColor;outline:none;container-type:size}:host([design="Contrast"]){color:var(--sapContent_ContrastIconColor)}:host([design="Critical"]){color:var(--sapCriticalElementColor)}:host([design="Information"]){color:var(--sapInformativeElementColor)}:host([design="Negative"]){color:var(--sapNegativeElementColor)}:host([design="Neutral"]){color:var(--sapNeutralElementColor)}:host([design="NonInteractive"]){color:var(--sapContent_NonInteractiveIconColor)}:host([design="Positive"]){color:var(--sapPositiveElementColor)}:host([mode="Interactive"][desktop]) .ui5-icon-root:focus,:host([mode="Interactive"]) .ui5-icon-root:focus-visible{outline:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);border-radius:var(--ui5-icon-focus-border-radius)}.ui5-icon-root{display:flex;height:100%;width:100%;outline:none;vertical-align:top;box-sizing:border-box;align-items:center;justify-content:center;font-size:min(100cqw,100cqh);line-height:1}:host([mode="Interactive"]){cursor:pointer}.ui5-icon-root:not([dir=ltr])>g{transform:var(--_ui5_icon_transform_scale);transform-origin:center}
6
+ export default `:host{-webkit-tap-highlight-color:rgba(0,0,0,0)}:host([hidden]){display:none}:host([invalid]){display:none}:host(:not([hidden]).ui5_hovered){opacity:.7}:host{display:inline-block;width:1rem;height:1rem;font-size:1rem;color:var(--sapContent_IconColor);fill:currentColor;outline:none}:host([design="Contrast"]){color:var(--sapContent_ContrastIconColor)}:host([design="Critical"]){color:var(--sapCriticalElementColor)}:host([design="Information"]){color:var(--sapInformativeElementColor)}:host([design="Negative"]){color:var(--sapNegativeElementColor)}:host([design="Neutral"]){color:var(--sapNeutralElementColor)}:host([design="NonInteractive"]){color:var(--sapContent_NonInteractiveIconColor)}:host([design="Positive"]){color:var(--sapPositiveElementColor)}:host([mode="Interactive"][desktop]) .ui5-icon-root:focus,:host([mode="Interactive"]) .ui5-icon-root:focus-visible{outline:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);border-radius:var(--ui5-icon-focus-border-radius)}.ui5-icon-root{display:flex;height:100%;width:100%;outline:none;vertical-align:top;box-sizing:border-box;align-items:center;justify-content:center;font-size:inherit;line-height:1}:host([mode="Interactive"]){cursor:pointer}.ui5-icon-root:not([dir=ltr])>g{transform:var(--_ui5_icon_transform_scale);transform-origin:center}
7
7
  `;
8
8
  //# sourceMappingURL=Icon.css.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"Icon.css.js","sourceRoot":"","sources":["../../../src/generated/themes/Icon.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,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,YAAY,EAAE,MAAM,CAAC,CAAC;AAC1L,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(\"@\" + \"u\" + \"i\" + \"5\" + \"/\" + \"w\" + \"e\" + \"b\" + \"c\" + \"o\" + \"m\" + \"p\" + \"o\" + \"n\" + \"e\" + \"n\" + \"t\" + \"s\", \"sap_horizon\", async () => defaultTheme, \"host\");\nexport default `:host{-webkit-tap-highlight-color:rgba(0,0,0,0)}:host([hidden]){display:none}:host([invalid]){display:none}:host(:not([hidden]).ui5_hovered){opacity:.7}:host{display:inline-block;width:1rem;height:1rem;color:var(--sapContent_IconColor);fill:currentColor;outline:none;container-type:size}:host([design=\"Contrast\"]){color:var(--sapContent_ContrastIconColor)}:host([design=\"Critical\"]){color:var(--sapCriticalElementColor)}:host([design=\"Information\"]){color:var(--sapInformativeElementColor)}:host([design=\"Negative\"]){color:var(--sapNegativeElementColor)}:host([design=\"Neutral\"]){color:var(--sapNeutralElementColor)}:host([design=\"NonInteractive\"]){color:var(--sapContent_NonInteractiveIconColor)}:host([design=\"Positive\"]){color:var(--sapPositiveElementColor)}:host([mode=\"Interactive\"][desktop]) .ui5-icon-root:focus,:host([mode=\"Interactive\"]) .ui5-icon-root:focus-visible{outline:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);border-radius:var(--ui5-icon-focus-border-radius)}.ui5-icon-root{display:flex;height:100%;width:100%;outline:none;vertical-align:top;box-sizing:border-box;align-items:center;justify-content:center;font-size:min(100cqw,100cqh);line-height:1}:host([mode=\"Interactive\"]){cursor:pointer}.ui5-icon-root:not([dir=ltr])>g{transform:var(--_ui5_icon_transform_scale);transform-origin:center}\n`"]}
1
+ {"version":3,"file":"Icon.css.js","sourceRoot":"","sources":["../../../src/generated/themes/Icon.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,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,YAAY,EAAE,MAAM,CAAC,CAAC;AAC1L,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(\"@\" + \"u\" + \"i\" + \"5\" + \"/\" + \"w\" + \"e\" + \"b\" + \"c\" + \"o\" + \"m\" + \"p\" + \"o\" + \"n\" + \"e\" + \"n\" + \"t\" + \"s\", \"sap_horizon\", async () => defaultTheme, \"host\");\nexport default `:host{-webkit-tap-highlight-color:rgba(0,0,0,0)}:host([hidden]){display:none}:host([invalid]){display:none}:host(:not([hidden]).ui5_hovered){opacity:.7}:host{display:inline-block;width:1rem;height:1rem;font-size:1rem;color:var(--sapContent_IconColor);fill:currentColor;outline:none}:host([design=\"Contrast\"]){color:var(--sapContent_ContrastIconColor)}:host([design=\"Critical\"]){color:var(--sapCriticalElementColor)}:host([design=\"Information\"]){color:var(--sapInformativeElementColor)}:host([design=\"Negative\"]){color:var(--sapNegativeElementColor)}:host([design=\"Neutral\"]){color:var(--sapNeutralElementColor)}:host([design=\"NonInteractive\"]){color:var(--sapContent_NonInteractiveIconColor)}:host([design=\"Positive\"]){color:var(--sapPositiveElementColor)}:host([mode=\"Interactive\"][desktop]) .ui5-icon-root:focus,:host([mode=\"Interactive\"]) .ui5-icon-root:focus-visible{outline:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);border-radius:var(--ui5-icon-focus-border-radius)}.ui5-icon-root{display:flex;height:100%;width:100%;outline:none;vertical-align:top;box-sizing:border-box;align-items:center;justify-content:center;font-size:inherit;line-height:1}:host([mode=\"Interactive\"]){cursor:pointer}.ui5-icon-root:not([dir=ltr])>g{transform:var(--_ui5_icon_transform_scale);transform-origin:center}\n`"]}
@@ -8,6 +8,14 @@ declare enum ListItemType {
8
8
  * @public
9
9
  */
10
10
  Inactive = "Inactive",
11
+ /**
12
+ * Indicates the list item does not have any active feedback when item is pressed,
13
+ * but selection (checkbox/radio) is still possible when a selection mode is active.
14
+ * The `item-click` event is not fired for items of this type.
15
+ * @public
16
+ * @since 2.26.0
17
+ */
18
+ InactiveSelectable = "InactiveSelectable",
11
19
  /**
12
20
  * Indicates that the item is clickable via active feedback when item is pressed.
13
21
  * @public
@@ -9,6 +9,14 @@ var ListItemType;
9
9
  * @public
10
10
  */
11
11
  ListItemType["Inactive"] = "Inactive";
12
+ /**
13
+ * Indicates the list item does not have any active feedback when item is pressed,
14
+ * but selection (checkbox/radio) is still possible when a selection mode is active.
15
+ * The `item-click` event is not fired for items of this type.
16
+ * @public
17
+ * @since 2.26.0
18
+ */
19
+ ListItemType["InactiveSelectable"] = "InactiveSelectable";
12
20
  /**
13
21
  * Indicates that the item is clickable via active feedback when item is pressed.
14
22
  * @public
@@ -1 +1 @@
1
- {"version":3,"file":"ListItemType.js","sourceRoot":"","sources":["../../src/types/ListItemType.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,IAAK,YAwBJ;AAxBD,WAAK,YAAY;IAChB;;;OAGG;IACH,qCAAqB,CAAA;IAErB;;;OAGG;IACH,iCAAiB,CAAA;IAEjB;;;OAGG;IACH,iCAAiB,CAAA;IAEjB;;;OAGG;IACH,yCAAyB,CAAA;AAC1B,CAAC,EAxBI,YAAY,KAAZ,YAAY,QAwBhB;AAED,eAAe,YAAY,CAAC","sourcesContent":["/**\n * Different list item types.\n * @public\n */\nenum ListItemType {\n\t/**\n\t * Indicates the list item does not have any active feedback when item is pressed.\n\t * @public\n\t */\n\tInactive = \"Inactive\",\n\n\t/**\n\t * Indicates that the item is clickable via active feedback when item is pressed.\n\t * @public\n\t */\n\tActive = \"Active\",\n\n\t/**\n\t * Enables detail button of the list item that fires detail-click event.\n\t * @public\n\t */\n\tDetail = \"Detail\",\n\n\t/**\n\t * Enables the type of navigation, which is specified to add an arrow at the end of the items and fires navigate-click event.\n\t * @public\n\t */\n\tNavigation = \"Navigation\",\n}\n\nexport default ListItemType;\n"]}
1
+ {"version":3,"file":"ListItemType.js","sourceRoot":"","sources":["../../src/types/ListItemType.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,IAAK,YAiCJ;AAjCD,WAAK,YAAY;IAChB;;;OAGG;IACH,qCAAqB,CAAA;IAErB;;;;;;OAMG;IACH,yDAAyC,CAAA;IAEzC;;;OAGG;IACH,iCAAiB,CAAA;IAEjB;;;OAGG;IACH,iCAAiB,CAAA;IAEjB;;;OAGG;IACH,yCAAyB,CAAA;AAC1B,CAAC,EAjCI,YAAY,KAAZ,YAAY,QAiChB;AAED,eAAe,YAAY,CAAC","sourcesContent":["/**\n * Different list item types.\n * @public\n */\nenum ListItemType {\n\t/**\n\t * Indicates the list item does not have any active feedback when item is pressed.\n\t * @public\n\t */\n\tInactive = \"Inactive\",\n\n\t/**\n\t * Indicates the list item does not have any active feedback when item is pressed,\n\t * but selection (checkbox/radio) is still possible when a selection mode is active.\n\t * The `item-click` event is not fired for items of this type.\n\t * @public\n\t * @since 2.26.0\n\t */\n\tInactiveSelectable = \"InactiveSelectable\",\n\n\t/**\n\t * Indicates that the item is clickable via active feedback when item is pressed.\n\t * @public\n\t */\n\tActive = \"Active\",\n\n\t/**\n\t * Enables detail button of the list item that fires detail-click event.\n\t * @public\n\t */\n\tDetail = \"Detail\",\n\n\t/**\n\t * Enables the type of navigation, which is specified to add an arrow at the end of the items and fires navigate-click event.\n\t * @public\n\t */\n\tNavigation = \"Navigation\",\n}\n\nexport default ListItemType;\n"]}