@sapudex/web-components 2.20.0 → 2.20.1

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.
Files changed (84) hide show
  1. package/dist/Carousel.d.ts +29 -2
  2. package/dist/Carousel.js +34 -6
  3. package/dist/Carousel.js.map +1 -1
  4. package/dist/CarouselTemplate.js +2 -2
  5. package/dist/CarouselTemplate.js.map +1 -1
  6. package/dist/DatePicker.d.ts +4 -4
  7. package/dist/DatePicker.js +3 -10
  8. package/dist/DatePicker.js.map +1 -1
  9. package/dist/DatePickerPopoverTemplate.d.ts +2 -0
  10. package/dist/DatePickerPopoverTemplate.js +13 -0
  11. package/dist/DatePickerPopoverTemplate.js.map +1 -0
  12. package/dist/DatePickerTemplate.d.ts +2 -0
  13. package/dist/DatePickerTemplate.js +7 -0
  14. package/dist/DatePickerTemplate.js.map +1 -0
  15. package/dist/MediaPlayerTemplate.js +2 -2
  16. package/dist/MediaPlayerTemplate.js.map +1 -1
  17. package/dist/MessageStripTemplate.js +3 -1
  18. package/dist/MessageStripTemplate.js.map +1 -1
  19. package/dist/RatingBarTemplate.js +1 -1
  20. package/dist/RatingBarTemplate.js.map +1 -1
  21. package/dist/Review.js +3 -6
  22. package/dist/Review.js.map +1 -1
  23. package/dist/ReviewItem.d.ts +1 -1
  24. package/dist/ReviewItem.js +15 -18
  25. package/dist/ReviewItem.js.map +1 -1
  26. package/dist/ReviewItemTemplate.d.ts +2 -0
  27. package/dist/ReviewItemTemplate.js +10 -0
  28. package/dist/ReviewItemTemplate.js.map +1 -0
  29. package/dist/ReviewTemplate.d.ts +2 -0
  30. package/dist/ReviewTemplate.js +9 -0
  31. package/dist/ReviewTemplate.js.map +1 -0
  32. package/dist/TileTemplate.js +1 -1
  33. package/dist/TileTemplate.js.map +1 -1
  34. package/dist/assets/{InputSuggestions-DOj9B3SE.js → InputSuggestions-yR1p8cXL.js} +1 -1
  35. package/dist/assets/{ListItemStandardExpandableTextTemplate-C6q5EhEr.js → ListItemStandardExpandableTextTemplate-BovnAV24.js} +1 -1
  36. package/dist/assets/{bundle.esm-CmHUshBw.js → bundle.esm-C7AybWk0.js} +202 -202
  37. package/dist/css/themes/RatingIndicator.css +1 -1
  38. package/dist/css/themes/Slider.css +1 -1
  39. package/dist/custom-elements-internal.json +190 -144
  40. package/dist/custom-elements.json +174 -129
  41. package/dist/generated/themes/RatingIndicator.css.d.ts +1 -1
  42. package/dist/generated/themes/RatingIndicator.css.js +1 -1
  43. package/dist/generated/themes/RatingIndicator.css.js.map +1 -1
  44. package/dist/generated/themes/Slider.css.d.ts +1 -1
  45. package/dist/generated/themes/Slider.css.js +1 -1
  46. package/dist/generated/themes/Slider.css.js.map +1 -1
  47. package/dist/vscode.html-custom-data.json +10 -0
  48. package/dist/web-types.json +24 -1
  49. package/package.json +1 -1
  50. package/src/Carousel.ts +36 -6
  51. package/src/CarouselTemplate.tsx +4 -0
  52. package/src/DatePicker.ts +7 -11
  53. package/src/DatePickerPopoverTemplate.tsx +35 -0
  54. package/src/DatePickerTemplate.tsx +27 -0
  55. package/src/MediaPlayerTemplate.tsx +20 -19
  56. package/src/MessageStripTemplate.tsx +4 -2
  57. package/src/RatingBarTemplate.tsx +1 -0
  58. package/src/Review.ts +3 -6
  59. package/src/ReviewItem.ts +15 -19
  60. package/src/ReviewItemTemplate.tsx +49 -0
  61. package/src/ReviewTemplate.tsx +69 -0
  62. package/src/TileTemplate.tsx +1 -0
  63. package/src/generated/themes/RatingIndicator.css.ts +1 -1
  64. package/src/generated/themes/Slider.css.ts +1 -1
  65. package/dist/generated/templates/DatePickerPopoverTemplate.lit.d.ts +0 -3
  66. package/dist/generated/templates/DatePickerPopoverTemplate.lit.js +0 -10
  67. package/dist/generated/templates/DatePickerPopoverTemplate.lit.js.map +0 -1
  68. package/dist/generated/templates/DatePickerTemplate.lit.d.ts +0 -3
  69. package/dist/generated/templates/DatePickerTemplate.lit.js +0 -10
  70. package/dist/generated/templates/DatePickerTemplate.lit.js.map +0 -1
  71. package/dist/generated/templates/ReviewItemTemplate.lit.d.ts +0 -3
  72. package/dist/generated/templates/ReviewItemTemplate.lit.js +0 -10
  73. package/dist/generated/templates/ReviewItemTemplate.lit.js.map +0 -1
  74. package/dist/generated/templates/ReviewTemplate.lit.d.ts +0 -3
  75. package/dist/generated/templates/ReviewTemplate.lit.js +0 -12
  76. package/dist/generated/templates/ReviewTemplate.lit.js.map +0 -1
  77. package/src/DatePicker.hbs +0 -19
  78. package/src/DatePickerPopover.hbs +0 -24
  79. package/src/Review.hbs +0 -44
  80. package/src/ReviewItem.hbs +0 -20
  81. package/src/generated/templates/DatePickerPopoverTemplate.lit.ts +0 -14
  82. package/src/generated/templates/DatePickerTemplate.lit.ts +0 -14
  83. package/src/generated/templates/ReviewItemTemplate.lit.ts +0 -14
  84. package/src/generated/templates/ReviewTemplate.lit.ts +0 -16
package/src/ReviewItem.ts CHANGED
@@ -1,20 +1,17 @@
1
1
  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
- import litRender from "@ui5/webcomponents-base/dist/renderer/LitRenderer.js";
5
-
4
+ import jsxRenderer from "@ui5/webcomponents-base/renderer/JsxRenderer.js";
6
5
  import slot from "@ui5/webcomponents-base/dist/decorators/slot.js";
7
6
  import i18n from "@ui5/webcomponents-base/dist/decorators/i18n.js";
8
7
  import type I18nBundle from "@ui5/webcomponents-base/dist/i18nBundle.js";
9
8
  import type { ResizeObserverCallback } from "@ui5/webcomponents-base/dist/delegate/ResizeHandler.js";
10
9
  import ResizeHandler from "@ui5/webcomponents-base/dist/delegate/ResizeHandler.js";
11
- import UDExRatingIndicator from "./RatingIndicator.js";
12
- import UDExButton from "./Button.js";
13
- import ReviewItemTemplate from "./generated/templates/ReviewItemTemplate.lit.js";
10
+ import ReviewItemTemplate from "./ReviewItemTemplate.js";
11
+ import { READ_LESS, READ_MORE } from "./generated/i18n/i18n-defaults.js";
14
12
 
15
13
  // Styles
16
14
  import ReviewItemCss from "./generated/themes/ReviewItem.css.js";
17
- import { READ_LESS, READ_MORE } from "./generated/i18n/i18n-defaults.js";
18
15
 
19
16
  /**
20
17
  * @class
@@ -35,10 +32,9 @@ import { READ_LESS, READ_MORE } from "./generated/i18n/i18n-defaults.js";
35
32
  */
36
33
  @customElement({
37
34
  tag: "udex-review-item",
38
- renderer: litRender,
35
+ renderer: jsxRenderer,
39
36
  styles: ReviewItemCss,
40
37
  template: ReviewItemTemplate,
41
- dependencies: [UDExRatingIndicator, UDExButton],
42
38
  })
43
39
 
44
40
  class UDExReviewItem extends UI5Element {
@@ -129,17 +125,6 @@ class UDExReviewItem extends UI5Element {
129
125
  @i18n("@sapudex/web-components")
130
126
  static i18nBundle: I18nBundle;
131
127
 
132
- _toggleText() {
133
- this._textExpanded = !this._textExpanded;
134
- if (this._textExpanded) {
135
- this._completeText = this.text;
136
- this._textElement.classList.add("udex-review-item__text-expanded");
137
- } else {
138
- this._textElement.classList.remove("udex-review-item__text-expanded");
139
- this._completeText = this._visibleText;
140
- }
141
- }
142
-
143
128
  _handleResizeBound: ResizeObserverCallback;
144
129
  _textElement!: HTMLElement;
145
130
  _visibleText!: string;
@@ -167,6 +152,17 @@ class UDExReviewItem extends UI5Element {
167
152
  this._checkTextOverflow();
168
153
  }
169
154
 
155
+ _toggleText() {
156
+ this._textExpanded = !this._textExpanded;
157
+ if (this._textExpanded) {
158
+ this._completeText = this.text;
159
+ this._textElement.classList.add("udex-review-item__text-expanded");
160
+ } else {
161
+ this._textElement.classList.remove("udex-review-item__text-expanded");
162
+ this._completeText = this._visibleText;
163
+ }
164
+ }
165
+
170
166
  _checkTextOverflow() {
171
167
  const words = this.text.split(" ");
172
168
 
@@ -0,0 +1,49 @@
1
+ import type ReviewItem from "./ReviewItem.js";
2
+ import UDExRatingIndicator from "./RatingIndicator.js";
3
+ import UDExButton from "./Button.js";
4
+ import UDExButtonSize from "./types/ButtonSize.js";
5
+ import UDExButtonDesign from "./types/ButtonDesign.js";
6
+
7
+ export default function ReviewItemTemplate(this: ReviewItem) {
8
+ const rootClass = "udex-review-item";
9
+
10
+ return (
11
+ <div className={this.reviewItemClasses}>
12
+ <div className={`${rootClass}__rating-container`}>
13
+ <UDExRatingIndicator
14
+ value={this.validatedRating}
15
+ max={this._maxRating}
16
+ readonly>
17
+ </UDExRatingIndicator>
18
+ {this.date && (
19
+ <slot
20
+ className={`${rootClass}__date`}
21
+ slot="date"
22
+ name="date">
23
+ </slot>
24
+ )}
25
+ </div>
26
+ <div className={`${rootClass}__text-container`}>
27
+ <div className={`${rootClass}__title`}>{this.reviewTitle}</div>
28
+ <div className={`${rootClass}__text-wrapper`}>
29
+ <p className={`${rootClass}__text`} id={`${rootClass}__text`}>
30
+ {this._completeText}
31
+ </p>
32
+ {this._showTextExpander && (
33
+ <UDExButton
34
+ id="reviewExpander"
35
+ class={`${rootClass}__text-expander`}
36
+ design={UDExButtonDesign.Invisible}
37
+ size={UDExButtonSize.Large}
38
+ onClick={this._toggleText.bind(this)}>
39
+ {this.buttonText}
40
+ </UDExButton>
41
+ )}
42
+ </div>
43
+ {this.author && (
44
+ <slot slot="author" name="author" className={`${rootClass}__author`}></slot>
45
+ )}
46
+ </div>
47
+ </div>
48
+ );
49
+ }
@@ -0,0 +1,69 @@
1
+ import type Review from "./Review.js";
2
+ import UDExRatingIndicator from "./RatingIndicator.js";
3
+ import UI5Icon from "@ui5/webcomponents/dist/Icon.js";
4
+ import favorite from "@ui5/webcomponents-icons/dist/favorite.js";
5
+
6
+ export default function ReviewTemplate(this: Review) {
7
+ const rootClass = "udex-review";
8
+
9
+ return (
10
+ this.isEmpty ? (
11
+ <div className={`${rootClass}__empty-container`}>
12
+ <slot className={`${rootClass}__default-text`} name="defaultText"></slot>
13
+ <slot name="reviewButton"></slot>
14
+ </div>
15
+ ) : this.withoutBreakdown ? (
16
+ <div className={`${rootClass}__container-without-breakdown`}>
17
+ <div className={`${rootClass}__content-without-breakdown`}>
18
+ <div
19
+ className={`${rootClass}__rating`}
20
+ aria-level={2}
21
+ role="heading"
22
+ aria-hidden="true">
23
+ {this.validatedRating}
24
+ </div>
25
+ <div className={`${rootClass}__rating-info-without-breakdown`}>
26
+ <UDExRatingIndicator
27
+ value={this.validatedRating}
28
+ max={this._maxRating}
29
+ readonly>
30
+ </UDExRatingIndicator>
31
+ <div className={`${rootClass}__reviews-text`}>{this.reviewsText}</div>
32
+ </div>
33
+ </div>
34
+ <div className={`${rootClass}__additional-content-without-breakdown`}>
35
+ <slot className={`${rootClass}__default-text`} name="defaultText"></slot>
36
+ <slot name="reviewButton"></slot>
37
+ </div>
38
+ </div>
39
+ ) : (
40
+ <div className={`${rootClass}__container`}>
41
+ <div className={`${rootClass}__content`}>
42
+ <div className={`${rootClass}__rating-info`}>
43
+ <div
44
+ className={`${rootClass}__rating`}
45
+ aria-level={2}
46
+ role="heading"
47
+ aria-hidden="true">
48
+ {this.validatedRating}
49
+ </div>
50
+ <UI5Icon
51
+ aria-labelledby="ratingDescription"
52
+ role="img"
53
+ name={favorite}
54
+ class={`${rootClass}__icon`}>
55
+ </UI5Icon>
56
+ </div>
57
+ <div className={`${rootClass}__reviews-text`}>{this.reviewsText}</div>
58
+ <slot name="reviewButton"></slot>
59
+ </div>
60
+ <div className={`${rootClass}__additional-content`}>
61
+ {this.validatedRatingBars.map(bar => (
62
+ <slot name={bar._individualSlot}></slot>
63
+ ))}
64
+ </div>
65
+ <span id="ratingDescription" class="hidden-text">{this._ratingDescription}</span>
66
+ </div>
67
+ )
68
+ );
69
+ }
@@ -10,6 +10,7 @@ export default function TileTemplate(this: Tile) {
10
10
  <a
11
11
  className={rootClass}
12
12
  part={part}
13
+ tabindex={0}
13
14
  href={this.href}
14
15
  target={this.target}
15
16
  role="link"
@@ -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);
8
- export default `:host{--udex_rating_indicator_readonly_item_width: 1.5rem;--udex_rating_indicator_readonly_item_height: 1.5rem;--udex_rating_indicator_item_width: 1.5rem;--udex_rating_indicator_item_height: 1.5rem;--udex_rating_indicator_mobile_item_padding: 10px;--udex_rating_indicator_disabled_opacity: .4;--udex-rating_indicator_items_gap: 8px;--udex-rating_indicator_mobile_items_gap: 8px;--udex-rating_indicator_rated_color: var(--sapContent_RatedColor, #E76500);--udex-rating_indicator_unrated_color: var(--sapContent_RatedColor, #E76500);--udex-rating_indicator_read-only-unrated_color: var(--udexColorGrey6 ,#5B738B);--udex-rating_indicator_disabled-unrated_color: var(--udexColorMango6, #E76500);--udex-rating_indicator_rated_hover_color: var(--udexColorMango7, #C35500);--udex-rating_indicator_unrated_hover_color: var(--udexColorMango7, #C35500)}:host(:not([hidden])){display:inline-flex;margin:var(--_ui5-v2-20-0_rating_indicator_component_spacing);cursor:pointer}:host([disabled]){opacity:var(--udex_rating_indicator_disabled_opacity);cursor:initial;outline:none}:host([readonly]){cursor:initial}:host([disabled]) .udex-rating-indicator__item-unsel,:host([readonly]) .udex-rating-indicator__item-unsel{width:var(--udex_rating_indicator_readonly_item_width);height:var(--udex_rating_indicator_readonly_item_height);padding-inline:0}:host([disabled]) .udex-rating-indicator__item-unsel{color:var(--udex-rating_indicator_disabled-unrated_color)}:host([readonly]) .udex-rating-indicator__item-unsel{color:var(--udex-rating_indicator_read-only-unrated_color)}:host([_focused]){outline:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);outline-offset:.125rem;border-radius:.25rem}[ui5-icon]{display:flex;text-shadow:var(--sapContent_TextShadow)}.udex-rating-indicator{font-family:var(--sapFontFamily);font-size:var(--sapFontSize, 16px);padding:0;outline:none;position:relative;display:inline-flex;gap:12px;align-items:center}.udex-rating-indicator__total{color:var(--udexColorGrey6);line-height:24px}.udex-rating-indicator__list{list-style-type:none;display:flex;align-items:center;margin:0;padding:0}.udex-rating-indicator__item{position:relative;width:var(--udex_rating_indicator_item_width);height:var(--udex_rating_indicator_item_height)}.udex-rating-indicator__item:not(:last-child){margin-inline-end:var(--udex-rating_indicator_items_gap)}.udex-rating-indicator__item [ui5-icon]{width:100%;height:100%;color:inherit;user-select:none}.udex-rating-indicator__item.udex-rating-indicator__item-unsel{color:var(--udex-rating_indicator_unrated_color)}.udex-rating-indicator__item.udex-rating-indicator__item-sel,.udex-rating-indicator__item.udex-rating-indicator__item-half{color:var(--udex-rating_indicator_rated_color)}.udex-rating-indicator__item [ui5-icon].udex-rating-indicator__half-icon{position:absolute;inset-inline-start:50%;color:var(--udex-rating_indicator_rated_color)}:host(:not([readonly]):not([disabled])) .udex-rating-indicator:hover .udex-rating-indicator__item-sel,:host(:not([readonly]):not([disabled])) .udex-rating-indicator:hover .udex-rating-indicator__half-icon,:host(:not([readonly]):not([disabled])) .udex-rating-indicator:hover .udex-rating-indicator__item-half{color:var(--udex-rating_indicator_rated_hover_color)}:host(:not([readonly]):not([disabled])) .ui5-rating-indicator-root:hover{opacity:1}:host(:not([readonly]):not([disabled])) .udex-rating-indicator:hover .udex-rating-indicator__item-unsel{color:var(--udex-rating_indicator_unrated_hover_color)}.udex-rating-indicator__half-icon-wrapper{width:100%;height:100%;position:absolute;inset-inline-start:-50%;top:0;z-index:32;overflow:hidden}.udex-rating-indicator--mobile .udex-rating-indicator__half-icon-wrapper{top:var(--udex_rating_indicator_mobile_item_padding)}.udex-rating-indicator--mobile .udex-rating-indicator__item [ui5-icon].udex-rating-indicator__half-icon{height:var(--udex_rating_indicator_item_height)}.udex-rating-indicator--mobile .udex-rating-indicator__item{padding:var(--udex_rating_indicator_mobile_item_padding)}:host([readonly]) .udex-rating-indicator--mobile .udex-rating-indicator__item-unsel,:host([disabled]) .udex-rating-indicator--mobile .udex-rating-indicator__item-unsel{padding-left:var(--udex_rating_indicator_mobile_item_padding);padding-right:var(--udex_rating_indicator_mobile_item_padding)}.udex-rating-indicator--mobile .udex-rating-indicator__item:not(:last-child){margin-inline-end:var(--udex-rating_indicator_mobile_items_gap)}
8
+ export default `:host{--udex_rating_indicator_readonly_item_width: 1.5rem;--udex_rating_indicator_readonly_item_height: 1.5rem;--udex_rating_indicator_item_width: 1.5rem;--udex_rating_indicator_item_height: 1.5rem;--udex_rating_indicator_mobile_item_padding: 10px;--udex_rating_indicator_disabled_opacity: .4;--udex-rating_indicator_items_gap: 8px;--udex-rating_indicator_mobile_items_gap: 8px;--udex-rating_indicator_rated_color: var(--sapContent_RatedColor, #E76500);--udex-rating_indicator_unrated_color: var(--sapContent_RatedColor, #E76500);--udex-rating_indicator_read-only-unrated_color: var(--udexColorGrey6 ,#5B738B);--udex-rating_indicator_disabled-unrated_color: var(--udexColorMango6, #E76500);--udex-rating_indicator_rated_hover_color: var(--udexColorMango7, #C35500);--udex-rating_indicator_unrated_hover_color: var(--udexColorMango7, #C35500)}:host(:not([hidden])){display:inline-flex;margin:var(--_ui5-v2-20-1_rating_indicator_component_spacing);cursor:pointer}:host([disabled]){opacity:var(--udex_rating_indicator_disabled_opacity);cursor:initial;outline:none}:host([readonly]){cursor:initial}:host([disabled]) .udex-rating-indicator__item-unsel,:host([readonly]) .udex-rating-indicator__item-unsel{width:var(--udex_rating_indicator_readonly_item_width);height:var(--udex_rating_indicator_readonly_item_height);padding-inline:0}:host([disabled]) .udex-rating-indicator__item-unsel{color:var(--udex-rating_indicator_disabled-unrated_color)}:host([readonly]) .udex-rating-indicator__item-unsel{color:var(--udex-rating_indicator_read-only-unrated_color)}:host([_focused]){outline:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);outline-offset:.125rem;border-radius:.25rem}[ui5-icon]{display:flex;text-shadow:var(--sapContent_TextShadow)}.udex-rating-indicator{font-family:var(--sapFontFamily);font-size:var(--sapFontSize, 16px);padding:0;outline:none;position:relative;display:inline-flex;gap:12px;align-items:center}.udex-rating-indicator__total{color:var(--udexColorGrey6);line-height:24px}.udex-rating-indicator__list{list-style-type:none;display:flex;align-items:center;margin:0;padding:0}.udex-rating-indicator__item{position:relative;width:var(--udex_rating_indicator_item_width);height:var(--udex_rating_indicator_item_height)}.udex-rating-indicator__item:not(:last-child){margin-inline-end:var(--udex-rating_indicator_items_gap)}.udex-rating-indicator__item [ui5-icon]{width:100%;height:100%;color:inherit;user-select:none}.udex-rating-indicator__item.udex-rating-indicator__item-unsel{color:var(--udex-rating_indicator_unrated_color)}.udex-rating-indicator__item.udex-rating-indicator__item-sel,.udex-rating-indicator__item.udex-rating-indicator__item-half{color:var(--udex-rating_indicator_rated_color)}.udex-rating-indicator__item [ui5-icon].udex-rating-indicator__half-icon{position:absolute;inset-inline-start:50%;color:var(--udex-rating_indicator_rated_color)}:host(:not([readonly]):not([disabled])) .udex-rating-indicator:hover .udex-rating-indicator__item-sel,:host(:not([readonly]):not([disabled])) .udex-rating-indicator:hover .udex-rating-indicator__half-icon,:host(:not([readonly]):not([disabled])) .udex-rating-indicator:hover .udex-rating-indicator__item-half{color:var(--udex-rating_indicator_rated_hover_color)}:host(:not([readonly]):not([disabled])) .ui5-rating-indicator-root:hover{opacity:1}:host(:not([readonly]):not([disabled])) .udex-rating-indicator:hover .udex-rating-indicator__item-unsel{color:var(--udex-rating_indicator_unrated_hover_color)}.udex-rating-indicator__half-icon-wrapper{width:100%;height:100%;position:absolute;inset-inline-start:-50%;top:0;z-index:32;overflow:hidden}.udex-rating-indicator--mobile .udex-rating-indicator__half-icon-wrapper{top:var(--udex_rating_indicator_mobile_item_padding)}.udex-rating-indicator--mobile .udex-rating-indicator__item [ui5-icon].udex-rating-indicator__half-icon{height:var(--udex_rating_indicator_item_height)}.udex-rating-indicator--mobile .udex-rating-indicator__item{padding:var(--udex_rating_indicator_mobile_item_padding)}:host([readonly]) .udex-rating-indicator--mobile .udex-rating-indicator__item-unsel,:host([disabled]) .udex-rating-indicator--mobile .udex-rating-indicator__item-unsel{padding-left:var(--udex_rating_indicator_mobile_item_padding);padding-right:var(--udex_rating_indicator_mobile_item_padding)}.udex-rating-indicator--mobile .udex-rating-indicator__item:not(:last-child){margin-inline-end:var(--udex-rating_indicator_mobile_items_gap)}
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);
8
- export default `:host{--udex-slider-color-track-start-point: var(--sapSlider_Selected_Background, #0070f2);--udex-slider-color-track-active: var(--sapSlider_Selected_Background, #0070f2);--udex-slider-color-handle-focus-range: var(--sapSlider_Selected_BorderColor, #0070f2);--udex-slider-color-handle-active-background: var(--sapSlider_Active_HandleBackground, #ffffff);--udex-slider-color-handle-default-icon: var(--sapContent_Selected_ForegroundColor, #0040b0);--udex-slider-radius-range-size: var(--udexRadiusM, 8px);--udex-slider-handle-width: 2.75rem;--udex-slider-handle-top: -.875rem;--udex-slider-handle-height: var(--udexSpacer32, 2rem);--udex-slider-start-end-point-left: -.875rem;--udex-slider-start-end-point-right: -.875rem;--udex-slider-progress-after-background: var(--sapContent_MeasureIndicatorColor,#5b738b);--udex-slider-handle-icon-size: var(--udexSpacer20, 1.25rem);--udex-slider-tooltip-bottom: 2.5rem;--udex-slider-tooltip-border: 1px solid var(--sapField_BorderColor, #5B738B);--udex-slider-tooltip-border-radius: var(--udexSpacer4, .25rem);--udex-slider-tooltip-font-size: var(--udexTypographyNavigationRegularMFontSize,14px);--udex-slider-tooltip-color: var(--sapContent_MeasureIndicatorColor, #5b738b);--udex-slider-tooltip-height: var(--udexSpacer32, 2rem);--udex-slider-tooltip-min-width: 2.75rem;--udex-slider-tickmark-in-range-bg: var(--sapSlider_Selected_BorderColor,#0070f2);--udex-slider-tickmark-bg: var(--sapContent_MeasureIndicatorColor, #5b738b);--udex-slider-label-color: var(--sapContent_MeasureIndicatorColor, #5b738b);--udex-slider-handle-focus-border: 2px solid var(--sapSlider_Active_HandleBorderColor);--udex-slider-progress-focus-top: -1.18rem;--udex-slider-progress-focus-left:calc(-1.375rem - 5px);--udex-slider-progress-focus-height: 42px;--udex-slider-progress-focus-width:calc(100% + 2.75rem + 10px)}:host{font-family:var(--sapFontFamily);font-weight:var(--udexTypographyFontWeightRegular, 400);font-size:var(--udexTypographyNavigationRegularMFontSize, 14px);line-height:var(--udexTypographyHeadingLineHeight, 1.1);color:var(--sapContent_MeasureIndicatorColor, #5b738b);height:74px}.ui5-slider-progress-container:before{background-color:var(--udex-slider-color-track-start-point)}.ui5-slider-progress{background-color:var(--udex-slider-color-track-active)}.ui5-slider-progress:focus:after{border:2px solid var(--udex-slider-color-handle-focus-range);border-radius:var(--udex-slider-radius-range-size);top:var(--udex-slider-progress-focus-top);height:var(--udex-slider-progress-focus-height);width:var(--udex-slider-progress-focus-width);left:var(--udex-slider-progress-focus-left)}:host([desktop]) .ui5-slider-handle:focus,.ui5-slider-handle:focus-visible{background-color:var(--_ui5-v2-20-0_range_slider_handle_background_focus)}:host .ui5-slider-inner .ui5-slider-labels{top:34px}:host .ui5-slider-inner .ui5-slider-labels li{height:1.375rem;font-family:var(--sapFontFamily);font-size:var(--udexTypographyNavigationRegularMFontSize, 14px)}[slider-icon]{color:var(--udex-slider-color-handle-default-icon)}.ui5-slider-root:focus .ui5-slider-inner .ui5-slider-handle,.ui5-slider-handle:focus{border:var(--udex-slider-handle-focus-border)}.ui5-slider-labels li{color:var(--udex-slider-label-color)}.ui5-slider-tickmarks li{border-inline-start:1px solid var(--udex-slider-tickmark-bg)}.ui5-slider-tickmarks li.ui5-slider-tickmark-in-range{border-inline-start:1px solid var(--udex-slider-tickmark-in-range-bg)}:host(:not([hidden])) .ui5-slider-handle-container .ui5-slider-tooltip{bottom:var(--udex-slider-tooltip-bottom);border:var(--udex-slider-tooltip-border);border-radius:var(--udex-slider-tooltip-border-radius);font-size:var(--udex-slider-tooltip-font-size);color:var(--udex-slider-tooltip-color);height:var(--udex-slider-tooltip-height);min-width:var(--udex-slider-tooltip-min-width)}[slider-icon]{width:var(--udex-slider-handle-icon-size);height:var(--udex-slider-handle-icon-size)}.ui5-slider-progress-container:after{background-color:var(--udex-slider-progress-after-background)}.ui5-slider-progress-container:before{inset-inline-start:var(--udex-slider-start-end-point-left)}.ui5-slider-progress-container:after{inset-inline-end:var(--udex-slider-start-end-point-right)}.ui5-slider-handle-container{margin-inline-start:calc(-1 * var(--udex-slider-handle-width) / 2);top:var(--udex-slider-handle-top)}.ui5-slider-handle{height:var(--udex-slider-handle-height);width:var(--udex-slider-handle-width)}
8
+ export default `:host{--udex-slider-color-track-start-point: var(--sapSlider_Selected_Background, #0070f2);--udex-slider-color-track-active: var(--sapSlider_Selected_Background, #0070f2);--udex-slider-color-handle-focus-range: var(--sapSlider_Selected_BorderColor, #0070f2);--udex-slider-color-handle-active-background: var(--sapSlider_Active_HandleBackground, #ffffff);--udex-slider-color-handle-default-icon: var(--sapContent_Selected_ForegroundColor, #0040b0);--udex-slider-radius-range-size: var(--udexRadiusM, 8px);--udex-slider-handle-width: 2.75rem;--udex-slider-handle-top: -.875rem;--udex-slider-handle-height: var(--udexSpacer32, 2rem);--udex-slider-start-end-point-left: -.875rem;--udex-slider-start-end-point-right: -.875rem;--udex-slider-progress-after-background: var(--sapContent_MeasureIndicatorColor,#5b738b);--udex-slider-handle-icon-size: var(--udexSpacer20, 1.25rem);--udex-slider-tooltip-bottom: 2.5rem;--udex-slider-tooltip-border: 1px solid var(--sapField_BorderColor, #5B738B);--udex-slider-tooltip-border-radius: var(--udexSpacer4, .25rem);--udex-slider-tooltip-font-size: var(--udexTypographyNavigationRegularMFontSize,14px);--udex-slider-tooltip-color: var(--sapContent_MeasureIndicatorColor, #5b738b);--udex-slider-tooltip-height: var(--udexSpacer32, 2rem);--udex-slider-tooltip-min-width: 2.75rem;--udex-slider-tickmark-in-range-bg: var(--sapSlider_Selected_BorderColor,#0070f2);--udex-slider-tickmark-bg: var(--sapContent_MeasureIndicatorColor, #5b738b);--udex-slider-label-color: var(--sapContent_MeasureIndicatorColor, #5b738b);--udex-slider-handle-focus-border: 2px solid var(--sapSlider_Active_HandleBorderColor);--udex-slider-progress-focus-top: -1.18rem;--udex-slider-progress-focus-left:calc(-1.375rem - 5px);--udex-slider-progress-focus-height: 42px;--udex-slider-progress-focus-width:calc(100% + 2.75rem + 10px)}:host{font-family:var(--sapFontFamily);font-weight:var(--udexTypographyFontWeightRegular, 400);font-size:var(--udexTypographyNavigationRegularMFontSize, 14px);line-height:var(--udexTypographyHeadingLineHeight, 1.1);color:var(--sapContent_MeasureIndicatorColor, #5b738b);height:74px}.ui5-slider-progress-container:before{background-color:var(--udex-slider-color-track-start-point)}.ui5-slider-progress{background-color:var(--udex-slider-color-track-active)}.ui5-slider-progress:focus:after{border:2px solid var(--udex-slider-color-handle-focus-range);border-radius:var(--udex-slider-radius-range-size);top:var(--udex-slider-progress-focus-top);height:var(--udex-slider-progress-focus-height);width:var(--udex-slider-progress-focus-width);left:var(--udex-slider-progress-focus-left)}:host([desktop]) .ui5-slider-handle:focus,.ui5-slider-handle:focus-visible{background-color:var(--_ui5-v2-20-1_range_slider_handle_background_focus)}:host .ui5-slider-inner .ui5-slider-labels{top:34px}:host .ui5-slider-inner .ui5-slider-labels li{height:1.375rem;font-family:var(--sapFontFamily);font-size:var(--udexTypographyNavigationRegularMFontSize, 14px)}[slider-icon]{color:var(--udex-slider-color-handle-default-icon)}.ui5-slider-root:focus .ui5-slider-inner .ui5-slider-handle,.ui5-slider-handle:focus{border:var(--udex-slider-handle-focus-border)}.ui5-slider-labels li{color:var(--udex-slider-label-color)}.ui5-slider-tickmarks li{border-inline-start:1px solid var(--udex-slider-tickmark-bg)}.ui5-slider-tickmarks li.ui5-slider-tickmark-in-range{border-inline-start:1px solid var(--udex-slider-tickmark-in-range-bg)}:host(:not([hidden])) .ui5-slider-handle-container .ui5-slider-tooltip{bottom:var(--udex-slider-tooltip-bottom);border:var(--udex-slider-tooltip-border);border-radius:var(--udex-slider-tooltip-border-radius);font-size:var(--udex-slider-tooltip-font-size);color:var(--udex-slider-tooltip-color);height:var(--udex-slider-tooltip-height);min-width:var(--udex-slider-tooltip-min-width)}[slider-icon]{width:var(--udex-slider-handle-icon-size);height:var(--udex-slider-handle-icon-size)}.ui5-slider-progress-container:after{background-color:var(--udex-slider-progress-after-background)}.ui5-slider-progress-container:before{inset-inline-start:var(--udex-slider-start-end-point-left)}.ui5-slider-progress-container:after{inset-inline-end:var(--udex-slider-start-end-point-right)}.ui5-slider-handle-container{margin-inline-start:calc(-1 * var(--udex-slider-handle-width) / 2);top:var(--udex-slider-handle-top)}.ui5-slider-handle{height:var(--udex-slider-handle-height);width:var(--udex-slider-handle-width)}
9
9
  `
@@ -1,3 +0,0 @@
1
- type DatePickerPopover = any;
2
- declare function template(this: DatePickerPopover): import("lit-html").TemplateResult;
3
- export default template;
@@ -1,10 +0,0 @@
1
- /* eslint no-unused-vars: 0 */
2
- import { html, repeat, ifDefined, scopeTag } from "@ui5/webcomponents-base/dist/renderer/LitRenderer.js";
3
- import { getCustomElementsScopingSuffix } from "@ui5/webcomponents-base/dist/CustomElementsScopeUtils.js";
4
- function block0(context, tags, suffix) { return suffix ? html `<${scopeTag("udex-dropdown", tags, suffix)} id="udex-${ifDefined(this._id)}-calendar__popover" opener="udex-${ifDefined(this._id)}-calendar__opener" class="udex-date-picker__popover" placement="Bottom" horizontal-align="Start" @close="${this._afterDropdownClose}" @open="${this._afterDropdownOpen}"><${scopeTag("ui5-calendar", tags, suffix)} class="udex-date-picker__calendar" @ui5-selection-change="${ifDefined(this.handleCalendarChange)}" selection-mode="${ifDefined(this.selectionMode)}" min-date="${ifDefined(this.minDate)}" max-date="${ifDefined(this.maxDate)}" format-pattern="${ifDefined(this.formatPattern)}">${this.isRangeMode ? block1.call(this, context, tags, suffix) : block2.call(this, context, tags, suffix)}</${scopeTag("ui5-calendar", tags, suffix)}></${scopeTag("udex-dropdown", tags, suffix)}>` : html `<udex-dropdown id="udex-${ifDefined(this._id)}-calendar__popover" opener="udex-${ifDefined(this._id)}-calendar__opener" class="udex-date-picker__popover" placement="Bottom" horizontal-align="Start" @close="${this._afterDropdownClose}" @open="${this._afterDropdownOpen}"><ui5-calendar class="udex-date-picker__calendar" @ui5-selection-change="${ifDefined(this.handleCalendarChange)}" selection-mode="${ifDefined(this.selectionMode)}" min-date="${ifDefined(this.minDate)}" max-date="${ifDefined(this.maxDate)}" format-pattern="${ifDefined(this.formatPattern)}">${this.isRangeMode ? block1.call(this, context, tags, suffix) : block2.call(this, context, tags, suffix)}</ui5-calendar></udex-dropdown>`; }
5
- function block1(context, tags, suffix) { return suffix ? html `<${scopeTag("ui5-date-range", tags, suffix)} start-value="${ifDefined(this.startValue)}" end-value="${ifDefined(this.endValue)}"></${scopeTag("ui5-date-range", tags, suffix)}>` : html `<ui5-date-range start-value="${ifDefined(this.startValue)}" end-value="${ifDefined(this.endValue)}"></ui5-date-range>`; }
6
- function block2(context, tags, suffix) { return html `${repeat(this._calendarSelectedDates, (item, index) => item._id || index, (item, index) => block3.call(this, context, tags, suffix, item, index))}`; }
7
- function block3(context, tags, suffix, item, index) { return suffix ? html `<${scopeTag("ui5-date", tags, suffix)} value="${ifDefined(item)}"></${scopeTag("ui5-date", tags, suffix)}>` : html `<ui5-date value="${ifDefined(item)}"></ui5-date>`; }
8
- function template() { return block0.call(this, this, this.constructor.tagsToScope, getCustomElementsScopingSuffix()); }
9
- export default template;
10
- //# sourceMappingURL=DatePickerPopoverTemplate.lit.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"DatePickerPopoverTemplate.lit.js","sourceRoot":"","sources":["../../../src/generated/templates/DatePickerPopoverTemplate.lit.ts"],"names":[],"mappings":"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","sourcesContent":["/* eslint no-unused-vars: 0 */\nimport { html, svg, repeat, classMap, styleMap, ifDefined, unsafeHTML, scopeTag } from \"@ui5/webcomponents-base/dist/renderer/LitRenderer.js\";\nimport { getCustomElementsScopingSuffix } from \"@ui5/webcomponents-base/dist/CustomElementsScopeUtils.js\";\nimport type UI5Element from \"@ui5/webcomponents-base/dist/UI5Element.js\";\ntype DatePickerPopover = any;\nimport type { ClassMapValue } from \"@ui5/webcomponents-base/dist/types.js\";\n\t\nfunction block0 (this: DatePickerPopover, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<${scopeTag(\"udex-dropdown\", tags, suffix)} id=\"udex-${ifDefined(this._id)}-calendar__popover\" opener=\"udex-${ifDefined(this._id)}-calendar__opener\" class=\"udex-date-picker__popover\" placement=\"Bottom\" horizontal-align=\"Start\" @close=\"${this._afterDropdownClose}\" @open=\"${this._afterDropdownOpen}\"><${scopeTag(\"ui5-calendar\", tags, suffix)} class=\"udex-date-picker__calendar\" @ui5-selection-change=\"${ifDefined(this.handleCalendarChange)}\" selection-mode=\"${ifDefined(this.selectionMode)}\" min-date=\"${ifDefined(this.minDate)}\" max-date=\"${ifDefined(this.maxDate)}\" format-pattern=\"${ifDefined(this.formatPattern)}\">${ this.isRangeMode ? block1.call(this, context, tags, suffix) : block2.call(this, context, tags, suffix) }</${scopeTag(\"ui5-calendar\", tags, suffix)}></${scopeTag(\"udex-dropdown\", tags, suffix)}>` : html`<udex-dropdown id=\"udex-${ifDefined(this._id)}-calendar__popover\" opener=\"udex-${ifDefined(this._id)}-calendar__opener\" class=\"udex-date-picker__popover\" placement=\"Bottom\" horizontal-align=\"Start\" @close=\"${this._afterDropdownClose}\" @open=\"${this._afterDropdownOpen}\"><ui5-calendar class=\"udex-date-picker__calendar\" @ui5-selection-change=\"${ifDefined(this.handleCalendarChange)}\" selection-mode=\"${ifDefined(this.selectionMode)}\" min-date=\"${ifDefined(this.minDate)}\" max-date=\"${ifDefined(this.maxDate)}\" format-pattern=\"${ifDefined(this.formatPattern)}\">${ this.isRangeMode ? block1.call(this, context, tags, suffix) : block2.call(this, context, tags, suffix) }</ui5-calendar></udex-dropdown>`;}\nfunction block1 (this: DatePickerPopover, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<${scopeTag(\"ui5-date-range\", tags, suffix)} start-value=\"${ifDefined(this.startValue)}\" end-value=\"${ifDefined(this.endValue)}\"></${scopeTag(\"ui5-date-range\", tags, suffix)}>` : html`<ui5-date-range start-value=\"${ifDefined(this.startValue)}\" end-value=\"${ifDefined(this.endValue)}\"></ui5-date-range>`;}\nfunction block2 (this: DatePickerPopover, context: UI5Element, tags: string[], suffix: string | undefined) { return html`${ repeat(this._calendarSelectedDates, (item, index) => (item as typeof item & {_id?: any})._id || index, (item, index: number) => block3.call(this, context, tags, suffix, item, index)) }`;}\nfunction block3 (this: DatePickerPopover, context: UI5Element, tags: string[], suffix: string | undefined, item: any, index: number) { return suffix ? html`<${scopeTag(\"ui5-date\", tags, suffix)} value=\"${ifDefined(item)}\"></${scopeTag(\"ui5-date\", tags, suffix)}>` : html`<ui5-date value=\"${ifDefined(item)}\"></ui5-date>`;}\n\nfunction template(this: DatePickerPopover) { return block0.call(this, this, (this.constructor as typeof UI5Element).tagsToScope, getCustomElementsScopingSuffix()); }\nexport default template;"]}
@@ -1,3 +0,0 @@
1
- import type DatePicker from "../../DatePicker.js";
2
- declare function template(this: DatePicker): import("lit-html").TemplateResult;
3
- export default template;
@@ -1,10 +0,0 @@
1
- /* eslint no-unused-vars: 0 */
2
- import { html, repeat, ifDefined, scopeTag } from "@ui5/webcomponents-base/dist/renderer/LitRenderer.js";
3
- import { getCustomElementsScopingSuffix } from "@ui5/webcomponents-base/dist/CustomElementsScopeUtils.js";
4
- function block0(context, tags, suffix) { return suffix ? html `<${scopeTag("udex-text-field", tags, suffix)} class="udex-date-picker__input" _aria-has-popup="grid" icon="appointment-2" value="${ifDefined(this.value)}" label="${ifDefined(this.label)}" accessible-name="${ifDefined(this.dateAccessibleName)}" accessible-name-ref="${ifDefined(this.accessibleNameRef)}" accessible-icon-name="${ifDefined(this.accessibleIconName)}" ?disabled="${this.disabled}" ?required="${this.required}" ?readonly="${this.readonly}" @ui5-click-icon="${ifDefined(this.handleInputClick)}" @ui5-change="${ifDefined(this._onInputChange)}" value-state="${ifDefined(this.valueState)}" supporting-text="${ifDefined(this.supportingText)}"></${scopeTag("udex-text-field", tags, suffix)}><${scopeTag("udex-dropdown", tags, suffix)} id="udex-${ifDefined(this._id)}-calendar__popover" opener="udex-${ifDefined(this._id)}-calendar__opener" class="udex-date-picker__popover" placement="Bottom" horizontal-align="Start" @close="${this._afterDropdownClose}" @open="${this._afterDropdownOpen}"><${scopeTag("ui5-calendar", tags, suffix)} class="udex-date-picker__calendar" @ui5-selection-change="${ifDefined(this.handleCalendarChange)}" selection-mode="${ifDefined(this.selectionMode)}" min-date="${ifDefined(this.minDate)}" max-date="${ifDefined(this.maxDate)}" format-pattern="${ifDefined(this.formatPattern)}">${this.isRangeMode ? block1.call(this, context, tags, suffix) : block2.call(this, context, tags, suffix)}</${scopeTag("ui5-calendar", tags, suffix)}></${scopeTag("udex-dropdown", tags, suffix)}>` : html `<udex-text-field class="udex-date-picker__input" _aria-has-popup="grid" icon="appointment-2" value="${ifDefined(this.value)}" label="${ifDefined(this.label)}" accessible-name="${ifDefined(this.dateAccessibleName)}" accessible-name-ref="${ifDefined(this.accessibleNameRef)}" accessible-icon-name="${ifDefined(this.accessibleIconName)}" ?disabled="${this.disabled}" ?required="${this.required}" ?readonly="${this.readonly}" @ui5-click-icon="${ifDefined(this.handleInputClick)}" @ui5-change="${ifDefined(this._onInputChange)}" value-state="${ifDefined(this.valueState)}" supporting-text="${ifDefined(this.supportingText)}"></udex-text-field><udex-dropdown id="udex-${ifDefined(this._id)}-calendar__popover" opener="udex-${ifDefined(this._id)}-calendar__opener" class="udex-date-picker__popover" placement="Bottom" horizontal-align="Start" @close="${this._afterDropdownClose}" @open="${this._afterDropdownOpen}"><ui5-calendar class="udex-date-picker__calendar" @ui5-selection-change="${ifDefined(this.handleCalendarChange)}" selection-mode="${ifDefined(this.selectionMode)}" min-date="${ifDefined(this.minDate)}" max-date="${ifDefined(this.maxDate)}" format-pattern="${ifDefined(this.formatPattern)}">${this.isRangeMode ? block1.call(this, context, tags, suffix) : block2.call(this, context, tags, suffix)}</ui5-calendar></udex-dropdown>`; }
5
- function block1(context, tags, suffix) { return suffix ? html `<${scopeTag("ui5-date-range", tags, suffix)} start-value="${ifDefined(this.startValue)}" end-value="${ifDefined(this.endValue)}"></${scopeTag("ui5-date-range", tags, suffix)}>` : html `<ui5-date-range start-value="${ifDefined(this.startValue)}" end-value="${ifDefined(this.endValue)}"></ui5-date-range>`; }
6
- function block2(context, tags, suffix) { return html `${repeat(this._calendarSelectedDates, (item, index) => item._id || index, (item, index) => block3.call(this, context, tags, suffix, item, index))}`; }
7
- function block3(context, tags, suffix, item, index) { return suffix ? html `<${scopeTag("ui5-date", tags, suffix)} value="${ifDefined(item)}"></${scopeTag("ui5-date", tags, suffix)}>` : html `<ui5-date value="${ifDefined(item)}"></ui5-date>`; }
8
- function template() { return block0.call(this, this, this.constructor.tagsToScope, getCustomElementsScopingSuffix()); }
9
- export default template;
10
- //# sourceMappingURL=DatePickerTemplate.lit.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"DatePickerTemplate.lit.js","sourceRoot":"","sources":["../../../src/generated/templates/DatePickerTemplate.lit.ts"],"names":[],"mappings":"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","sourcesContent":["/* eslint no-unused-vars: 0 */\nimport { html, svg, repeat, classMap, styleMap, ifDefined, unsafeHTML, scopeTag } from \"@ui5/webcomponents-base/dist/renderer/LitRenderer.js\";\nimport { getCustomElementsScopingSuffix } from \"@ui5/webcomponents-base/dist/CustomElementsScopeUtils.js\";\nimport type UI5Element from \"@ui5/webcomponents-base/dist/UI5Element.js\";\nimport type DatePicker from \"../../DatePicker.js\";\nimport type { ClassMapValue } from \"@ui5/webcomponents-base/dist/types.js\";\n\t\nfunction block0 (this: DatePicker, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<${scopeTag(\"udex-text-field\", tags, suffix)} class=\"udex-date-picker__input\" _aria-has-popup=\"grid\" icon=\"appointment-2\" value=\"${ifDefined(this.value)}\" label=\"${ifDefined(this.label)}\" accessible-name=\"${ifDefined(this.dateAccessibleName)}\" accessible-name-ref=\"${ifDefined(this.accessibleNameRef)}\" accessible-icon-name=\"${ifDefined(this.accessibleIconName)}\" ?disabled=\"${this.disabled}\" ?required=\"${this.required}\" ?readonly=\"${this.readonly}\" @ui5-click-icon=\"${ifDefined(this.handleInputClick)}\" @ui5-change=\"${ifDefined(this._onInputChange)}\" value-state=\"${ifDefined(this.valueState)}\" supporting-text=\"${ifDefined(this.supportingText)}\"></${scopeTag(\"udex-text-field\", tags, suffix)}><${scopeTag(\"udex-dropdown\", tags, suffix)} id=\"udex-${ifDefined(this._id)}-calendar__popover\" opener=\"udex-${ifDefined(this._id)}-calendar__opener\" class=\"udex-date-picker__popover\" placement=\"Bottom\" horizontal-align=\"Start\" @close=\"${this._afterDropdownClose}\" @open=\"${this._afterDropdownOpen}\"><${scopeTag(\"ui5-calendar\", tags, suffix)} class=\"udex-date-picker__calendar\" @ui5-selection-change=\"${ifDefined(this.handleCalendarChange)}\" selection-mode=\"${ifDefined(this.selectionMode)}\" min-date=\"${ifDefined(this.minDate)}\" max-date=\"${ifDefined(this.maxDate)}\" format-pattern=\"${ifDefined(this.formatPattern)}\">${ this.isRangeMode ? block1.call(this, context, tags, suffix) : block2.call(this, context, tags, suffix) }</${scopeTag(\"ui5-calendar\", tags, suffix)}></${scopeTag(\"udex-dropdown\", tags, suffix)}>` : html`<udex-text-field class=\"udex-date-picker__input\" _aria-has-popup=\"grid\" icon=\"appointment-2\" value=\"${ifDefined(this.value)}\" label=\"${ifDefined(this.label)}\" accessible-name=\"${ifDefined(this.dateAccessibleName)}\" accessible-name-ref=\"${ifDefined(this.accessibleNameRef)}\" accessible-icon-name=\"${ifDefined(this.accessibleIconName)}\" ?disabled=\"${this.disabled}\" ?required=\"${this.required}\" ?readonly=\"${this.readonly}\" @ui5-click-icon=\"${ifDefined(this.handleInputClick)}\" @ui5-change=\"${ifDefined(this._onInputChange)}\" value-state=\"${ifDefined(this.valueState)}\" supporting-text=\"${ifDefined(this.supportingText)}\"></udex-text-field><udex-dropdown id=\"udex-${ifDefined(this._id)}-calendar__popover\" opener=\"udex-${ifDefined(this._id)}-calendar__opener\" class=\"udex-date-picker__popover\" placement=\"Bottom\" horizontal-align=\"Start\" @close=\"${this._afterDropdownClose}\" @open=\"${this._afterDropdownOpen}\"><ui5-calendar class=\"udex-date-picker__calendar\" @ui5-selection-change=\"${ifDefined(this.handleCalendarChange)}\" selection-mode=\"${ifDefined(this.selectionMode)}\" min-date=\"${ifDefined(this.minDate)}\" max-date=\"${ifDefined(this.maxDate)}\" format-pattern=\"${ifDefined(this.formatPattern)}\">${ this.isRangeMode ? block1.call(this, context, tags, suffix) : block2.call(this, context, tags, suffix) }</ui5-calendar></udex-dropdown>`;}\nfunction block1 (this: DatePicker, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<${scopeTag(\"ui5-date-range\", tags, suffix)} start-value=\"${ifDefined(this.startValue)}\" end-value=\"${ifDefined(this.endValue)}\"></${scopeTag(\"ui5-date-range\", tags, suffix)}>` : html`<ui5-date-range start-value=\"${ifDefined(this.startValue)}\" end-value=\"${ifDefined(this.endValue)}\"></ui5-date-range>`;}\nfunction block2 (this: DatePicker, context: UI5Element, tags: string[], suffix: string | undefined) { return html`${ repeat(this._calendarSelectedDates, (item, index) => (item as typeof item & {_id?: any})._id || index, (item, index: number) => block3.call(this, context, tags, suffix, item, index)) }`;}\nfunction block3 (this: DatePicker, context: UI5Element, tags: string[], suffix: string | undefined, item: any, index: number) { return suffix ? html`<${scopeTag(\"ui5-date\", tags, suffix)} value=\"${ifDefined(item)}\"></${scopeTag(\"ui5-date\", tags, suffix)}>` : html`<ui5-date value=\"${ifDefined(item)}\"></ui5-date>`;}\n\nfunction template(this: DatePicker) { return block0.call(this, this, (this.constructor as typeof UI5Element).tagsToScope, getCustomElementsScopingSuffix()); }\nexport default template;"]}
@@ -1,3 +0,0 @@
1
- import type ReviewItem from "../../ReviewItem.js";
2
- declare function template(this: ReviewItem): import("lit-html").TemplateResult;
3
- export default template;
@@ -1,10 +0,0 @@
1
- /* eslint no-unused-vars: 0 */
2
- import { html, ifDefined, scopeTag } from "@ui5/webcomponents-base/dist/renderer/LitRenderer.js";
3
- import { getCustomElementsScopingSuffix } from "@ui5/webcomponents-base/dist/CustomElementsScopeUtils.js";
4
- function block0(context, tags, suffix) { return suffix ? html `<div class="${ifDefined(this.reviewItemClasses)}"><div class="udex-review-item__rating-container"><${scopeTag("udex-rating-indicator", tags, suffix)} value="${ifDefined(this.validatedRating)}" max="${ifDefined(this._maxRating)}" readonly></${scopeTag("udex-rating-indicator", tags, suffix)}>${this.date ? block1.call(this, context, tags, suffix) : undefined}</div><div class="udex-review-item__text-container"><div class="udex-review-item__title">${ifDefined(this.reviewTitle)}</div><div class="udex-review-item__text-wrapper"><p class="udex-review-item__text" id="udex-review-item__text">${ifDefined(this._completeText)}</p>${this._showTextExpander ? block2.call(this, context, tags, suffix) : undefined}</div>${this.author ? block3.call(this, context, tags, suffix) : undefined}</div></div>` : html `<div class="${ifDefined(this.reviewItemClasses)}"><div class="udex-review-item__rating-container"><udex-rating-indicator value="${ifDefined(this.validatedRating)}" max="${ifDefined(this._maxRating)}" readonly></udex-rating-indicator>${this.date ? block1.call(this, context, tags, suffix) : undefined}</div><div class="udex-review-item__text-container"><div class="udex-review-item__title">${ifDefined(this.reviewTitle)}</div><div class="udex-review-item__text-wrapper"><p class="udex-review-item__text" id="udex-review-item__text">${ifDefined(this._completeText)}</p>${this._showTextExpander ? block2.call(this, context, tags, suffix) : undefined}</div>${this.author ? block3.call(this, context, tags, suffix) : undefined}</div></div>`; }
5
- function block1(context, tags, suffix) { return html `<slot slot="date" name="date" class="udex-review-item__date"></slot>`; }
6
- function block2(context, tags, suffix) { return suffix ? html `<${scopeTag("udex-button", tags, suffix)} id="reviewExpander" class="udex-review-item__text-expander" design="Invisible" size="Large" @click="${this._toggleText}">${ifDefined(this.buttonText)}</${scopeTag("udex-button", tags, suffix)}>` : html `<udex-button id="reviewExpander" class="udex-review-item__text-expander" design="Invisible" size="Large" @click="${this._toggleText}">${ifDefined(this.buttonText)}</udex-button>`; }
7
- function block3(context, tags, suffix) { return html `<slot slot="author" name="author" class="udex-review-item__author"></slot>`; }
8
- function template() { return block0.call(this, this, this.constructor.tagsToScope, getCustomElementsScopingSuffix()); }
9
- export default template;
10
- //# sourceMappingURL=ReviewItemTemplate.lit.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"ReviewItemTemplate.lit.js","sourceRoot":"","sources":["../../../src/generated/templates/ReviewItemTemplate.lit.ts"],"names":[],"mappings":"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","sourcesContent":["/* eslint no-unused-vars: 0 */\nimport { html, svg, repeat, classMap, styleMap, ifDefined, unsafeHTML, scopeTag } from \"@ui5/webcomponents-base/dist/renderer/LitRenderer.js\";\nimport { getCustomElementsScopingSuffix } from \"@ui5/webcomponents-base/dist/CustomElementsScopeUtils.js\";\nimport type UI5Element from \"@ui5/webcomponents-base/dist/UI5Element.js\";\nimport type ReviewItem from \"../../ReviewItem.js\";\nimport type { ClassMapValue } from \"@ui5/webcomponents-base/dist/types.js\";\n\t\nfunction block0 (this: ReviewItem, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<div class=\"${ifDefined(this.reviewItemClasses)}\"><div class=\"udex-review-item__rating-container\"><${scopeTag(\"udex-rating-indicator\", tags, suffix)} value=\"${ifDefined(this.validatedRating)}\" max=\"${ifDefined(this._maxRating)}\" readonly></${scopeTag(\"udex-rating-indicator\", tags, suffix)}>${ this.date ? block1.call(this, context, tags, suffix) : undefined }</div><div class=\"udex-review-item__text-container\"><div class=\"udex-review-item__title\">${ifDefined(this.reviewTitle)}</div><div class=\"udex-review-item__text-wrapper\"><p class=\"udex-review-item__text\" id=\"udex-review-item__text\">${ifDefined(this._completeText)}</p>${ this._showTextExpander ? block2.call(this, context, tags, suffix) : undefined }</div>${ this.author ? block3.call(this, context, tags, suffix) : undefined }</div></div>` : html`<div class=\"${ifDefined(this.reviewItemClasses)}\"><div class=\"udex-review-item__rating-container\"><udex-rating-indicator value=\"${ifDefined(this.validatedRating)}\" max=\"${ifDefined(this._maxRating)}\" readonly></udex-rating-indicator>${ this.date ? block1.call(this, context, tags, suffix) : undefined }</div><div class=\"udex-review-item__text-container\"><div class=\"udex-review-item__title\">${ifDefined(this.reviewTitle)}</div><div class=\"udex-review-item__text-wrapper\"><p class=\"udex-review-item__text\" id=\"udex-review-item__text\">${ifDefined(this._completeText)}</p>${ this._showTextExpander ? block2.call(this, context, tags, suffix) : undefined }</div>${ this.author ? block3.call(this, context, tags, suffix) : undefined }</div></div>`;}\nfunction block1 (this: ReviewItem, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<slot slot=\"date\" name=\"date\" class=\"udex-review-item__date\"></slot>`;}\nfunction block2 (this: ReviewItem, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<${scopeTag(\"udex-button\", tags, suffix)} id=\"reviewExpander\" class=\"udex-review-item__text-expander\" design=\"Invisible\" size=\"Large\" @click=\"${this._toggleText}\">${ifDefined(this.buttonText)}</${scopeTag(\"udex-button\", tags, suffix)}>` : html`<udex-button id=\"reviewExpander\" class=\"udex-review-item__text-expander\" design=\"Invisible\" size=\"Large\" @click=\"${this._toggleText}\">${ifDefined(this.buttonText)}</udex-button>`;}\nfunction block3 (this: ReviewItem, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<slot slot=\"author\" name=\"author\" class=\"udex-review-item__author\"></slot>`;}\n\nfunction template(this: ReviewItem) { return block0.call(this, this, (this.constructor as typeof UI5Element).tagsToScope, getCustomElementsScopingSuffix()); }\nexport default template;"]}
@@ -1,3 +0,0 @@
1
- import type Review from "../../Review.js";
2
- declare function template(this: Review): import("lit-html").TemplateResult;
3
- export default template;
@@ -1,12 +0,0 @@
1
- /* eslint no-unused-vars: 0 */
2
- import { html, repeat, ifDefined, scopeTag } from "@ui5/webcomponents-base/dist/renderer/LitRenderer.js";
3
- import { getCustomElementsScopingSuffix } from "@ui5/webcomponents-base/dist/CustomElementsScopeUtils.js";
4
- function block0(context, tags, suffix) { return html `${this.isEmpty ? block1.call(this, context, tags, suffix) : block2.call(this, context, tags, suffix)}`; }
5
- function block1(context, tags, suffix) { return html `<div class="udex-review__empty-container"><slot class="udex-review__default-text" name="defaultText"></slot><slot name="reviewButton"></slot></div>`; }
6
- function block2(context, tags, suffix) { return html `${this.withoutBreakdown ? block3.call(this, context, tags, suffix) : block4.call(this, context, tags, suffix)}`; }
7
- function block3(context, tags, suffix) { return suffix ? html `<div class="udex-review__container-without-breakdown"><div class="udex-review__content-without-breakdown"><div aria-level="2" role="heading" aria-hidden="true" class="udex-review__rating">${ifDefined(this.validatedRating)}</div><div class="udex-review__rating-info-without-breakdown"><${scopeTag("udex-rating-indicator", tags, suffix)} readonly value="${ifDefined(this.validatedRating)}" max="${ifDefined(this._maxRating)}"></${scopeTag("udex-rating-indicator", tags, suffix)}><div class="udex-review__reviews-text">${ifDefined(this.reviewsText)}</div></div></div><div class="udex-review__additional-content-without-breakdown"><slot class="udex-review__default-text" name="defaultText"></slot><slot name="reviewButton"></slot></div></div>` : html `<div class="udex-review__container-without-breakdown"><div class="udex-review__content-without-breakdown"><div aria-level="2" role="heading" aria-hidden="true" class="udex-review__rating">${ifDefined(this.validatedRating)}</div><div class="udex-review__rating-info-without-breakdown"><udex-rating-indicator readonly value="${ifDefined(this.validatedRating)}" max="${ifDefined(this._maxRating)}"></udex-rating-indicator><div class="udex-review__reviews-text">${ifDefined(this.reviewsText)}</div></div></div><div class="udex-review__additional-content-without-breakdown"><slot class="udex-review__default-text" name="defaultText"></slot><slot name="reviewButton"></slot></div></div>`; }
8
- function block4(context, tags, suffix) { return suffix ? html `<div class="udex-review__container"><div class="udex-review__content"><div class="udex-review__rating-info"><div aria-level="2" role="heading" aria-hidden="true" class="udex-review__rating">${ifDefined(this.validatedRating)}</div><${scopeTag("ui5-icon", tags, suffix)} aria-labelledby="ratingDescription" role="img" name="favorite" class="udex-review__icon"></${scopeTag("ui5-icon", tags, suffix)}></div><div class="udex-review__reviews-text">${ifDefined(this.reviewsText)}</div><slot name="reviewButton"></slot></div><div class="udex-review__additional-content">${repeat(this.validatedRatingBars, (item, index) => item._id || index, (item, index) => block5.call(this, context, tags, suffix, item, index))}</div></div><span id="ratingDescription" class="hidden-text">${ifDefined(this._ratingDescription)}</span>` : html `<div class="udex-review__container"><div class="udex-review__content"><div class="udex-review__rating-info"><div aria-level="2" role="heading" aria-hidden="true" class="udex-review__rating">${ifDefined(this.validatedRating)}</div><ui5-icon aria-labelledby="ratingDescription" role="img" name="favorite" class="udex-review__icon"></ui5-icon></div><div class="udex-review__reviews-text">${ifDefined(this.reviewsText)}</div><slot name="reviewButton"></slot></div><div class="udex-review__additional-content">${repeat(this.validatedRatingBars, (item, index) => item._id || index, (item, index) => block5.call(this, context, tags, suffix, item, index))}</div></div><span id="ratingDescription" class="hidden-text">${ifDefined(this._ratingDescription)}</span>`; }
9
- function block5(context, tags, suffix, item, index) { return html `<slot name="${ifDefined(item._individualSlot)}"></slot>`; }
10
- function template() { return block0.call(this, this, this.constructor.tagsToScope, getCustomElementsScopingSuffix()); }
11
- export default template;
12
- //# sourceMappingURL=ReviewTemplate.lit.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"ReviewTemplate.lit.js","sourceRoot":"","sources":["../../../src/generated/templates/ReviewTemplate.lit.ts"],"names":[],"mappings":"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","sourcesContent":["/* eslint no-unused-vars: 0 */\nimport { html, svg, repeat, classMap, styleMap, ifDefined, unsafeHTML, scopeTag } from \"@ui5/webcomponents-base/dist/renderer/LitRenderer.js\";\nimport { getCustomElementsScopingSuffix } from \"@ui5/webcomponents-base/dist/CustomElementsScopeUtils.js\";\nimport type UI5Element from \"@ui5/webcomponents-base/dist/UI5Element.js\";\nimport type Review from \"../../Review.js\";\nimport type { ClassMapValue } from \"@ui5/webcomponents-base/dist/types.js\";\n\t\nfunction block0 (this: Review, context: UI5Element, tags: string[], suffix: string | undefined) { return html`${ this.isEmpty ? block1.call(this, context, tags, suffix) : block2.call(this, context, tags, suffix) }`;}\nfunction block1 (this: Review, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<div class=\"udex-review__empty-container\"><slot class=\"udex-review__default-text\" name=\"defaultText\"></slot><slot name=\"reviewButton\"></slot></div>`;}\nfunction block2 (this: Review, context: UI5Element, tags: string[], suffix: string | undefined) { return html`${ this.withoutBreakdown ? block3.call(this, context, tags, suffix) : block4.call(this, context, tags, suffix) }`;}\nfunction block3 (this: Review, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<div class=\"udex-review__container-without-breakdown\"><div class=\"udex-review__content-without-breakdown\"><div aria-level=\"2\" role=\"heading\" aria-hidden=\"true\" class=\"udex-review__rating\">${ifDefined(this.validatedRating)}</div><div class=\"udex-review__rating-info-without-breakdown\"><${scopeTag(\"udex-rating-indicator\", tags, suffix)} readonly value=\"${ifDefined(this.validatedRating)}\" max=\"${ifDefined(this._maxRating)}\"></${scopeTag(\"udex-rating-indicator\", tags, suffix)}><div class=\"udex-review__reviews-text\">${ifDefined(this.reviewsText)}</div></div></div><div class=\"udex-review__additional-content-without-breakdown\"><slot class=\"udex-review__default-text\" name=\"defaultText\"></slot><slot name=\"reviewButton\"></slot></div></div>` : html`<div class=\"udex-review__container-without-breakdown\"><div class=\"udex-review__content-without-breakdown\"><div aria-level=\"2\" role=\"heading\" aria-hidden=\"true\" class=\"udex-review__rating\">${ifDefined(this.validatedRating)}</div><div class=\"udex-review__rating-info-without-breakdown\"><udex-rating-indicator readonly value=\"${ifDefined(this.validatedRating)}\" max=\"${ifDefined(this._maxRating)}\"></udex-rating-indicator><div class=\"udex-review__reviews-text\">${ifDefined(this.reviewsText)}</div></div></div><div class=\"udex-review__additional-content-without-breakdown\"><slot class=\"udex-review__default-text\" name=\"defaultText\"></slot><slot name=\"reviewButton\"></slot></div></div>`;}\nfunction block4 (this: Review, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<div class=\"udex-review__container\"><div class=\"udex-review__content\"><div class=\"udex-review__rating-info\"><div aria-level=\"2\" role=\"heading\" aria-hidden=\"true\" class=\"udex-review__rating\">${ifDefined(this.validatedRating)}</div><${scopeTag(\"ui5-icon\", tags, suffix)} aria-labelledby=\"ratingDescription\" role=\"img\" name=\"favorite\" class=\"udex-review__icon\"></${scopeTag(\"ui5-icon\", tags, suffix)}></div><div class=\"udex-review__reviews-text\">${ifDefined(this.reviewsText)}</div><slot name=\"reviewButton\"></slot></div><div class=\"udex-review__additional-content\">${ repeat(this.validatedRatingBars, (item, index) => (item as typeof item & {_id?: any})._id || index, (item, index: number) => block5.call(this, context, tags, suffix, item, index)) }</div></div><span id=\"ratingDescription\" class=\"hidden-text\">${ifDefined(this._ratingDescription)}</span>` : html`<div class=\"udex-review__container\"><div class=\"udex-review__content\"><div class=\"udex-review__rating-info\"><div aria-level=\"2\" role=\"heading\" aria-hidden=\"true\" class=\"udex-review__rating\">${ifDefined(this.validatedRating)}</div><ui5-icon aria-labelledby=\"ratingDescription\" role=\"img\" name=\"favorite\" class=\"udex-review__icon\"></ui5-icon></div><div class=\"udex-review__reviews-text\">${ifDefined(this.reviewsText)}</div><slot name=\"reviewButton\"></slot></div><div class=\"udex-review__additional-content\">${ repeat(this.validatedRatingBars, (item, index) => (item as typeof item & {_id?: any})._id || index, (item, index: number) => block5.call(this, context, tags, suffix, item, index)) }</div></div><span id=\"ratingDescription\" class=\"hidden-text\">${ifDefined(this._ratingDescription)}</span>`;}\nfunction block5 (this: Review, context: UI5Element, tags: string[], suffix: string | undefined, item: any, index: number) { return html`<slot name=\"${ifDefined(item._individualSlot)}\"></slot>`;}\n\nfunction template(this: Review) { return block0.call(this, this, (this.constructor as typeof UI5Element).tagsToScope, getCustomElementsScopingSuffix()); }\nexport default template;"]}
@@ -1,19 +0,0 @@
1
- <udex-text-field
2
- class="udex-date-picker__input"
3
- _aria-has-popup="grid"
4
- icon="appointment-2"
5
- value="{{value}}"
6
- label="{{label}}"
7
- accessible-name="{{dateAccessibleName}}"
8
- accessible-name-ref="{{accessibleNameRef}}"
9
- accessible-icon-name="{{accessibleIconName}}"
10
- ?disabled="{{disabled}}"
11
- ?required="{{required}}"
12
- ?readonly="{{readonly}}"
13
- @ui5-click-icon="{{handleInputClick}}"
14
- @ui5-change="{{_onInputChange}}"
15
- value-state="{{valueState}}"
16
- supporting-text="{{supportingText}}">
17
- </udex-text-field>
18
-
19
- {{>include "./DatePickerPopover.hbs"}}
@@ -1,24 +0,0 @@
1
- <udex-dropdown
2
- id="udex-{{this._id}}-calendar__popover"
3
- opener="udex-{{this._id}}-calendar__opener"
4
- class="udex-date-picker__popover"
5
- placement="Bottom"
6
- horizontal-align="Start"
7
- @close="{{_afterDropdownClose}}"
8
- @open="{{_afterDropdownOpen}}">
9
- <ui5-calendar
10
- class="udex-date-picker__calendar"
11
- @ui5-selection-change="{{handleCalendarChange}}"
12
- selection-mode="{{selectionMode}}"
13
- min-date="{{minDate}}"
14
- max-date="{{maxDate}}"
15
- format-pattern="{{formatPattern}}">
16
- {{#if isRangeMode}}
17
- <ui5-date-range start-value="{{startValue}}" end-value="{{endValue}}"></ui5-date-range>
18
- {{else}}
19
- {{#each _calendarSelectedDates}}
20
- <ui5-date value="{{this}}"></ui5-date>
21
- {{/each}}
22
- {{/if}}
23
- </ui5-calendar>
24
- </udex-dropdown>
package/src/Review.hbs DELETED
@@ -1,44 +0,0 @@
1
- {{#if isEmpty}}
2
- <div class="udex-review__empty-container">
3
- <slot class="udex-review__default-text" name="defaultText"></slot>
4
- <slot name="reviewButton"></slot>
5
- </div>
6
- {{else}}
7
- {{#if withoutBreakdown}}
8
- <div class="udex-review__container-without-breakdown">
9
- {{> noBreakdown}}
10
- </div>
11
- {{else}}
12
- <div class="udex-review__container">
13
- <div class="udex-review__content">
14
- <div class="udex-review__rating-info">
15
- <div aria-level="2" role="heading" aria-hidden="true" class="udex-review__rating">{{validatedRating}}</div>
16
- <ui5-icon aria-labelledby="ratingDescription" role="img" name="favorite" class="udex-review__icon"></ui5-icon>
17
- </div>
18
- <div class="udex-review__reviews-text">{{reviewsText}}</div>
19
- <slot name="reviewButton"></slot>
20
- </div>
21
- <div class="udex-review__additional-content">
22
- {{#each validatedRatingBars}}
23
- <slot name="{{this._individualSlot}}"></slot>
24
- {{/each}}
25
- </div>
26
- </div>
27
- <span id="ratingDescription" class="hidden-text">{{_ratingDescription}}</span>
28
- {{/if}}
29
- {{/if}}
30
-
31
-
32
- {{#*inline "noBreakdown"}}
33
- <div class="udex-review__content-without-breakdown">
34
- <div aria-level="2" role="heading" aria-hidden="true" class="udex-review__rating">{{validatedRating}}</div>
35
- <div class="udex-review__rating-info-without-breakdown">
36
- <udex-rating-indicator readonly value="{{validatedRating}}" max="{{_maxRating}}"></udex-rating-indicator>
37
- <div class="udex-review__reviews-text">{{reviewsText}}</div>
38
- </div>
39
- </div>
40
- <div class="udex-review__additional-content-without-breakdown">
41
- <slot class="udex-review__default-text" name="defaultText"></slot>
42
- <slot name="reviewButton"></slot>
43
- </div>
44
- {{/inline}}
@@ -1,20 +0,0 @@
1
- <div class="{{reviewItemClasses}}">
2
- <div class="udex-review-item__rating-container">
3
- <udex-rating-indicator value="{{validatedRating}}" max="{{_maxRating}}" readonly></udex-rating-indicator>
4
- {{#if date}}
5
- <slot slot="date" name="date" class="udex-review-item__date"></slot>
6
- {{/if}}
7
- </div>
8
- <div class="udex-review-item__text-container">
9
- <div class="udex-review-item__title">{{reviewTitle}}</div>
10
- <div class="udex-review-item__text-wrapper">
11
- <p class="udex-review-item__text" id="udex-review-item__text">{{_completeText}}</p>
12
- {{#if _showTextExpander}}
13
- <udex-button id="reviewExpander" class="udex-review-item__text-expander" design="Invisible" size="Large" @click="{{_toggleText}}">{{buttonText}}</udex-button>
14
- {{/if}}
15
- </div>
16
- {{#if author}}
17
- <slot slot="author" name="author" class="udex-review-item__author"></slot>
18
- {{/if}}
19
- </div>
20
- </div>
@@ -1,14 +0,0 @@
1
- /* eslint no-unused-vars: 0 */
2
- import { html, svg, repeat, classMap, styleMap, ifDefined, unsafeHTML, scopeTag } from "@ui5/webcomponents-base/dist/renderer/LitRenderer.js";
3
- import { getCustomElementsScopingSuffix } from "@ui5/webcomponents-base/dist/CustomElementsScopeUtils.js";
4
- import type UI5Element from "@ui5/webcomponents-base/dist/UI5Element.js";
5
- type DatePickerPopover = any;
6
- import type { ClassMapValue } from "@ui5/webcomponents-base/dist/types.js";
7
-
8
- function block0 (this: DatePickerPopover, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<${scopeTag("udex-dropdown", tags, suffix)} id="udex-${ifDefined(this._id)}-calendar__popover" opener="udex-${ifDefined(this._id)}-calendar__opener" class="udex-date-picker__popover" placement="Bottom" horizontal-align="Start" @close="${this._afterDropdownClose}" @open="${this._afterDropdownOpen}"><${scopeTag("ui5-calendar", tags, suffix)} class="udex-date-picker__calendar" @ui5-selection-change="${ifDefined(this.handleCalendarChange)}" selection-mode="${ifDefined(this.selectionMode)}" min-date="${ifDefined(this.minDate)}" max-date="${ifDefined(this.maxDate)}" format-pattern="${ifDefined(this.formatPattern)}">${ this.isRangeMode ? block1.call(this, context, tags, suffix) : block2.call(this, context, tags, suffix) }</${scopeTag("ui5-calendar", tags, suffix)}></${scopeTag("udex-dropdown", tags, suffix)}>` : html`<udex-dropdown id="udex-${ifDefined(this._id)}-calendar__popover" opener="udex-${ifDefined(this._id)}-calendar__opener" class="udex-date-picker__popover" placement="Bottom" horizontal-align="Start" @close="${this._afterDropdownClose}" @open="${this._afterDropdownOpen}"><ui5-calendar class="udex-date-picker__calendar" @ui5-selection-change="${ifDefined(this.handleCalendarChange)}" selection-mode="${ifDefined(this.selectionMode)}" min-date="${ifDefined(this.minDate)}" max-date="${ifDefined(this.maxDate)}" format-pattern="${ifDefined(this.formatPattern)}">${ this.isRangeMode ? block1.call(this, context, tags, suffix) : block2.call(this, context, tags, suffix) }</ui5-calendar></udex-dropdown>`;}
9
- function block1 (this: DatePickerPopover, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<${scopeTag("ui5-date-range", tags, suffix)} start-value="${ifDefined(this.startValue)}" end-value="${ifDefined(this.endValue)}"></${scopeTag("ui5-date-range", tags, suffix)}>` : html`<ui5-date-range start-value="${ifDefined(this.startValue)}" end-value="${ifDefined(this.endValue)}"></ui5-date-range>`;}
10
- function block2 (this: DatePickerPopover, context: UI5Element, tags: string[], suffix: string | undefined) { return html`${ repeat(this._calendarSelectedDates, (item, index) => (item as typeof item & {_id?: any})._id || index, (item, index: number) => block3.call(this, context, tags, suffix, item, index)) }`;}
11
- function block3 (this: DatePickerPopover, context: UI5Element, tags: string[], suffix: string | undefined, item: any, index: number) { return suffix ? html`<${scopeTag("ui5-date", tags, suffix)} value="${ifDefined(item)}"></${scopeTag("ui5-date", tags, suffix)}>` : html`<ui5-date value="${ifDefined(item)}"></ui5-date>`;}
12
-
13
- function template(this: DatePickerPopover) { return block0.call(this, this, (this.constructor as typeof UI5Element).tagsToScope, getCustomElementsScopingSuffix()); }
14
- export default template;
@@ -1,14 +0,0 @@
1
- /* eslint no-unused-vars: 0 */
2
- import { html, svg, repeat, classMap, styleMap, ifDefined, unsafeHTML, scopeTag } from "@ui5/webcomponents-base/dist/renderer/LitRenderer.js";
3
- import { getCustomElementsScopingSuffix } from "@ui5/webcomponents-base/dist/CustomElementsScopeUtils.js";
4
- import type UI5Element from "@ui5/webcomponents-base/dist/UI5Element.js";
5
- import type DatePicker from "../../DatePicker.js";
6
- import type { ClassMapValue } from "@ui5/webcomponents-base/dist/types.js";
7
-
8
- function block0 (this: DatePicker, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<${scopeTag("udex-text-field", tags, suffix)} class="udex-date-picker__input" _aria-has-popup="grid" icon="appointment-2" value="${ifDefined(this.value)}" label="${ifDefined(this.label)}" accessible-name="${ifDefined(this.dateAccessibleName)}" accessible-name-ref="${ifDefined(this.accessibleNameRef)}" accessible-icon-name="${ifDefined(this.accessibleIconName)}" ?disabled="${this.disabled}" ?required="${this.required}" ?readonly="${this.readonly}" @ui5-click-icon="${ifDefined(this.handleInputClick)}" @ui5-change="${ifDefined(this._onInputChange)}" value-state="${ifDefined(this.valueState)}" supporting-text="${ifDefined(this.supportingText)}"></${scopeTag("udex-text-field", tags, suffix)}><${scopeTag("udex-dropdown", tags, suffix)} id="udex-${ifDefined(this._id)}-calendar__popover" opener="udex-${ifDefined(this._id)}-calendar__opener" class="udex-date-picker__popover" placement="Bottom" horizontal-align="Start" @close="${this._afterDropdownClose}" @open="${this._afterDropdownOpen}"><${scopeTag("ui5-calendar", tags, suffix)} class="udex-date-picker__calendar" @ui5-selection-change="${ifDefined(this.handleCalendarChange)}" selection-mode="${ifDefined(this.selectionMode)}" min-date="${ifDefined(this.minDate)}" max-date="${ifDefined(this.maxDate)}" format-pattern="${ifDefined(this.formatPattern)}">${ this.isRangeMode ? block1.call(this, context, tags, suffix) : block2.call(this, context, tags, suffix) }</${scopeTag("ui5-calendar", tags, suffix)}></${scopeTag("udex-dropdown", tags, suffix)}>` : html`<udex-text-field class="udex-date-picker__input" _aria-has-popup="grid" icon="appointment-2" value="${ifDefined(this.value)}" label="${ifDefined(this.label)}" accessible-name="${ifDefined(this.dateAccessibleName)}" accessible-name-ref="${ifDefined(this.accessibleNameRef)}" accessible-icon-name="${ifDefined(this.accessibleIconName)}" ?disabled="${this.disabled}" ?required="${this.required}" ?readonly="${this.readonly}" @ui5-click-icon="${ifDefined(this.handleInputClick)}" @ui5-change="${ifDefined(this._onInputChange)}" value-state="${ifDefined(this.valueState)}" supporting-text="${ifDefined(this.supportingText)}"></udex-text-field><udex-dropdown id="udex-${ifDefined(this._id)}-calendar__popover" opener="udex-${ifDefined(this._id)}-calendar__opener" class="udex-date-picker__popover" placement="Bottom" horizontal-align="Start" @close="${this._afterDropdownClose}" @open="${this._afterDropdownOpen}"><ui5-calendar class="udex-date-picker__calendar" @ui5-selection-change="${ifDefined(this.handleCalendarChange)}" selection-mode="${ifDefined(this.selectionMode)}" min-date="${ifDefined(this.minDate)}" max-date="${ifDefined(this.maxDate)}" format-pattern="${ifDefined(this.formatPattern)}">${ this.isRangeMode ? block1.call(this, context, tags, suffix) : block2.call(this, context, tags, suffix) }</ui5-calendar></udex-dropdown>`;}
9
- function block1 (this: DatePicker, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<${scopeTag("ui5-date-range", tags, suffix)} start-value="${ifDefined(this.startValue)}" end-value="${ifDefined(this.endValue)}"></${scopeTag("ui5-date-range", tags, suffix)}>` : html`<ui5-date-range start-value="${ifDefined(this.startValue)}" end-value="${ifDefined(this.endValue)}"></ui5-date-range>`;}
10
- function block2 (this: DatePicker, context: UI5Element, tags: string[], suffix: string | undefined) { return html`${ repeat(this._calendarSelectedDates, (item, index) => (item as typeof item & {_id?: any})._id || index, (item, index: number) => block3.call(this, context, tags, suffix, item, index)) }`;}
11
- function block3 (this: DatePicker, context: UI5Element, tags: string[], suffix: string | undefined, item: any, index: number) { return suffix ? html`<${scopeTag("ui5-date", tags, suffix)} value="${ifDefined(item)}"></${scopeTag("ui5-date", tags, suffix)}>` : html`<ui5-date value="${ifDefined(item)}"></ui5-date>`;}
12
-
13
- function template(this: DatePicker) { return block0.call(this, this, (this.constructor as typeof UI5Element).tagsToScope, getCustomElementsScopingSuffix()); }
14
- export default template;