@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.
- package/dist/Carousel.d.ts +29 -2
- package/dist/Carousel.js +34 -6
- package/dist/Carousel.js.map +1 -1
- package/dist/CarouselTemplate.js +2 -2
- package/dist/CarouselTemplate.js.map +1 -1
- package/dist/DatePicker.d.ts +4 -4
- package/dist/DatePicker.js +3 -10
- package/dist/DatePicker.js.map +1 -1
- package/dist/DatePickerPopoverTemplate.d.ts +2 -0
- package/dist/DatePickerPopoverTemplate.js +13 -0
- package/dist/DatePickerPopoverTemplate.js.map +1 -0
- package/dist/DatePickerTemplate.d.ts +2 -0
- package/dist/DatePickerTemplate.js +7 -0
- package/dist/DatePickerTemplate.js.map +1 -0
- package/dist/MediaPlayerTemplate.js +2 -2
- package/dist/MediaPlayerTemplate.js.map +1 -1
- package/dist/MessageStripTemplate.js +3 -1
- package/dist/MessageStripTemplate.js.map +1 -1
- package/dist/RatingBarTemplate.js +1 -1
- package/dist/RatingBarTemplate.js.map +1 -1
- package/dist/Review.js +3 -6
- package/dist/Review.js.map +1 -1
- package/dist/ReviewItem.d.ts +1 -1
- package/dist/ReviewItem.js +15 -18
- package/dist/ReviewItem.js.map +1 -1
- package/dist/ReviewItemTemplate.d.ts +2 -0
- package/dist/ReviewItemTemplate.js +10 -0
- package/dist/ReviewItemTemplate.js.map +1 -0
- package/dist/ReviewTemplate.d.ts +2 -0
- package/dist/ReviewTemplate.js +9 -0
- package/dist/ReviewTemplate.js.map +1 -0
- package/dist/TileTemplate.js +1 -1
- package/dist/TileTemplate.js.map +1 -1
- package/dist/assets/{InputSuggestions-DOj9B3SE.js → InputSuggestions-yR1p8cXL.js} +1 -1
- package/dist/assets/{ListItemStandardExpandableTextTemplate-C6q5EhEr.js → ListItemStandardExpandableTextTemplate-BovnAV24.js} +1 -1
- package/dist/assets/{bundle.esm-CmHUshBw.js → bundle.esm-C7AybWk0.js} +202 -202
- package/dist/css/themes/RatingIndicator.css +1 -1
- package/dist/css/themes/Slider.css +1 -1
- package/dist/custom-elements-internal.json +190 -144
- package/dist/custom-elements.json +174 -129
- package/dist/generated/themes/RatingIndicator.css.d.ts +1 -1
- package/dist/generated/themes/RatingIndicator.css.js +1 -1
- package/dist/generated/themes/RatingIndicator.css.js.map +1 -1
- package/dist/generated/themes/Slider.css.d.ts +1 -1
- package/dist/generated/themes/Slider.css.js +1 -1
- package/dist/generated/themes/Slider.css.js.map +1 -1
- package/dist/vscode.html-custom-data.json +10 -0
- package/dist/web-types.json +24 -1
- package/package.json +1 -1
- package/src/Carousel.ts +36 -6
- package/src/CarouselTemplate.tsx +4 -0
- package/src/DatePicker.ts +7 -11
- package/src/DatePickerPopoverTemplate.tsx +35 -0
- package/src/DatePickerTemplate.tsx +27 -0
- package/src/MediaPlayerTemplate.tsx +20 -19
- package/src/MessageStripTemplate.tsx +4 -2
- package/src/RatingBarTemplate.tsx +1 -0
- package/src/Review.ts +3 -6
- package/src/ReviewItem.ts +15 -19
- package/src/ReviewItemTemplate.tsx +49 -0
- package/src/ReviewTemplate.tsx +69 -0
- package/src/TileTemplate.tsx +1 -0
- package/src/generated/themes/RatingIndicator.css.ts +1 -1
- package/src/generated/themes/Slider.css.ts +1 -1
- package/dist/generated/templates/DatePickerPopoverTemplate.lit.d.ts +0 -3
- package/dist/generated/templates/DatePickerPopoverTemplate.lit.js +0 -10
- package/dist/generated/templates/DatePickerPopoverTemplate.lit.js.map +0 -1
- package/dist/generated/templates/DatePickerTemplate.lit.d.ts +0 -3
- package/dist/generated/templates/DatePickerTemplate.lit.js +0 -10
- package/dist/generated/templates/DatePickerTemplate.lit.js.map +0 -1
- package/dist/generated/templates/ReviewItemTemplate.lit.d.ts +0 -3
- package/dist/generated/templates/ReviewItemTemplate.lit.js +0 -10
- package/dist/generated/templates/ReviewItemTemplate.lit.js.map +0 -1
- package/dist/generated/templates/ReviewTemplate.lit.d.ts +0 -3
- package/dist/generated/templates/ReviewTemplate.lit.js +0 -12
- package/dist/generated/templates/ReviewTemplate.lit.js.map +0 -1
- package/src/DatePicker.hbs +0 -19
- package/src/DatePickerPopover.hbs +0 -24
- package/src/Review.hbs +0 -44
- package/src/ReviewItem.hbs +0 -20
- package/src/generated/templates/DatePickerPopoverTemplate.lit.ts +0 -14
- package/src/generated/templates/DatePickerTemplate.lit.ts +0 -14
- package/src/generated/templates/ReviewItemTemplate.lit.ts +0 -14
- 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
|
|
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
|
|
12
|
-
import
|
|
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:
|
|
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
|
+
}
|
package/src/TileTemplate.tsx
CHANGED
|
@@ -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-
|
|
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-
|
|
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,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,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,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,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;"]}
|
package/src/DatePicker.hbs
DELETED
|
@@ -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}}
|
package/src/ReviewItem.hbs
DELETED
|
@@ -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;
|