@sapudex/web-components 2.16.1 → 2.17.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (76) hide show
  1. package/cypress/specs/AccordionItem.cy.tsx +18 -1
  2. package/cypress/specs/Quote.cy.tsx +2 -2
  3. package/cypress/specs/SecondaryNavigationDesktop.cy.tsx +2 -2
  4. package/dist/AccordionItem.d.ts +4 -0
  5. package/dist/AccordionItem.js +16 -1
  6. package/dist/AccordionItem.js.map +1 -1
  7. package/dist/MastheadShell.js +2 -1
  8. package/dist/MastheadShell.js.map +1 -1
  9. package/dist/Quote.js +3 -4
  10. package/dist/Quote.js.map +1 -1
  11. package/dist/QuoteTemplate.d.ts +2 -0
  12. package/dist/QuoteTemplate.js +6 -0
  13. package/dist/QuoteTemplate.js.map +1 -0
  14. package/dist/Search.d.ts +0 -1
  15. package/dist/Search.js +0 -13
  16. package/dist/Search.js.map +1 -1
  17. package/dist/Tag.js +3 -3
  18. package/dist/Tag.js.map +1 -1
  19. package/dist/TagGroup.d.ts +0 -2
  20. package/dist/TagGroup.js +3 -9
  21. package/dist/TagGroup.js.map +1 -1
  22. package/dist/TagGroupTemplate.d.ts +2 -0
  23. package/dist/TagGroupTemplate.js +12 -0
  24. package/dist/TagGroupTemplate.js.map +1 -0
  25. package/dist/TagTemplate.d.ts +2 -0
  26. package/dist/TagTemplate.js +18 -0
  27. package/dist/TagTemplate.js.map +1 -0
  28. package/dist/assets/{InputSuggestions-C-OeoyHk.js → InputSuggestions-EyZxsb7i.js} +1 -1
  29. package/dist/assets/{ListItemStandardExpandableTextTemplate-D05JXl_S.js → ListItemStandardExpandableTextTemplate-DgdZLN5V.js} +1 -1
  30. package/dist/assets/{bundle.esm-jB2aQPid.js → bundle.esm-ChjL9w9f.js} +205 -205
  31. package/dist/css/themes/Quote.css +1 -1
  32. package/dist/css/themes/RatingIndicator.css +1 -1
  33. package/dist/css/themes/Slider.css +1 -1
  34. package/dist/generated/templates/SearchTemplate.lit.js +1 -1
  35. package/dist/generated/templates/SearchTemplate.lit.js.map +1 -1
  36. package/dist/generated/themes/Quote.css.d.ts +1 -1
  37. package/dist/generated/themes/Quote.css.js +1 -1
  38. package/dist/generated/themes/Quote.css.js.map +1 -1
  39. package/dist/generated/themes/RatingIndicator.css.d.ts +1 -1
  40. package/dist/generated/themes/RatingIndicator.css.js +1 -1
  41. package/dist/generated/themes/RatingIndicator.css.js.map +1 -1
  42. package/dist/generated/themes/Slider.css.d.ts +1 -1
  43. package/dist/generated/themes/Slider.css.js +1 -1
  44. package/dist/generated/themes/Slider.css.js.map +1 -1
  45. package/dist/web-types.json +1 -1
  46. package/package.json +1 -1
  47. package/src/AccordionItem.ts +21 -1
  48. package/src/MastheadShell.ts +2 -1
  49. package/src/Quote.ts +3 -5
  50. package/src/QuoteTemplate.tsx +28 -0
  51. package/src/Search.hbs +1 -1
  52. package/src/Search.ts +0 -14
  53. package/src/Tag.ts +3 -3
  54. package/src/TagGroup.ts +3 -11
  55. package/src/TagGroupTemplate.tsx +75 -0
  56. package/src/TagTemplate.tsx +79 -0
  57. package/src/generated/templates/SearchTemplate.lit.ts +1 -1
  58. package/src/generated/themes/Quote.css.ts +1 -1
  59. package/src/generated/themes/RatingIndicator.css.ts +1 -1
  60. package/src/generated/themes/Slider.css.ts +1 -1
  61. package/src/themes/Quote.css +38 -29
  62. package/dist/generated/templates/QuoteTemplate.lit.d.ts +0 -3
  63. package/dist/generated/templates/QuoteTemplate.lit.js +0 -10
  64. package/dist/generated/templates/QuoteTemplate.lit.js.map +0 -1
  65. package/dist/generated/templates/TagGroupTemplate.lit.d.ts +0 -3
  66. package/dist/generated/templates/TagGroupTemplate.lit.js +0 -10
  67. package/dist/generated/templates/TagGroupTemplate.lit.js.map +0 -1
  68. package/dist/generated/templates/TagTemplate.lit.d.ts +0 -3
  69. package/dist/generated/templates/TagTemplate.lit.js +0 -19
  70. package/dist/generated/templates/TagTemplate.lit.js.map +0 -1
  71. package/src/Quote.hbs +0 -20
  72. package/src/Tag.hbs +0 -76
  73. package/src/TagGroup.hbs +0 -57
  74. package/src/generated/templates/QuoteTemplate.lit.ts +0 -14
  75. package/src/generated/templates/TagGroupTemplate.lit.ts +0 -14
  76. package/src/generated/templates/TagTemplate.lit.ts +0 -23
@@ -25,10 +25,10 @@
25
25
  gap: var(--udexSpacer16);
26
26
  }
27
27
 
28
- .content-container__text,
28
+ .udex-quote__text,
29
29
  ::slotted([slot='author']),
30
30
  ::slotted([slot='link']) {
31
- padding: 0 var(--udexSpacer40);
31
+ padding: 0 50px;
32
32
  }
33
33
 
34
34
  /* Image styles */
@@ -47,8 +47,8 @@
47
47
  }
48
48
 
49
49
  :host([image-size='small']) ::slotted([slot='image']) {
50
- width: 64px;
51
- height: 64px;
50
+ width: var(--udexSpacer64);
51
+ height: var(--udexSpacer64);
52
52
  }
53
53
 
54
54
  :host([image-size='small'][mask='rectangle']) ::slotted([slot='image']) {
@@ -57,14 +57,13 @@
57
57
  }
58
58
 
59
59
  /* Text, author and link styles */
60
- .content-container__text-container {
60
+ .udex-quote__text-container {
61
61
  position: relative;
62
+ margin: 0px;
62
63
  }
63
64
 
64
- .content-container__text {
65
- margin: 0;
66
- margin-bottom: var(--udexSpacer16);
67
-
65
+ .udex-quote__text {
66
+ margin: 0 0 var(--udexSpacer24);
68
67
  font-family: var(--sapFontFamily);
69
68
  font-weight: var(--udexTypographyFontWeightRegular, 400);
70
69
  font-size: var(--udexTypographyBodyXLFontSize, 24px);
@@ -72,13 +71,15 @@
72
71
  color: var(--udexColorGrey8, #354A5F);
73
72
  }
74
73
 
75
- .content-container__text ::slotted(*) {
74
+ .udex-quote__text ::slotted(*) {
76
75
  margin: 0;
77
76
  }
78
77
 
79
- .content-container__text-container:before,
80
- .content-container__text-container:after {
78
+ .udex-quote__text-container:before,
79
+ .udex-quote__text-container:after {
81
80
  font-family: var(--sapFontFamily);
81
+ font-weight: var(--udexTypographyFontWeightMedium, 500);
82
+ text-align: center;
82
83
  position: absolute;
83
84
  display: inline-block;
84
85
  font-size: 84px;
@@ -89,22 +90,23 @@
89
90
  margin-top: -9px;
90
91
  }
91
92
 
92
- .content-container__text-container:before {
93
+ .udex-quote__text-container:before {
93
94
  content: open-quote;
94
95
  top: 0;
95
96
  left: 0;
96
97
  }
97
98
 
98
- .content-container__text-container:after {
99
+ .udex-quote__text-container:after {
99
100
  content: close-quote;
100
101
  top: 0;
101
102
  right: 0;
102
103
  }
103
104
 
104
- :host([text-size='small']) .content-container__text-container:after,
105
- :host([text-size='small']) .content-container__text-container:before {
105
+ :host([text-size='small']) .udex-quote__text-container:after,
106
+ :host([text-size='small']) .udex-quote__text-container:before {
106
107
  font-size: 72px;
107
108
  line-height: 72px;
109
+ font-weight: var(--udexTypographyFontWeightRegular, 400);
108
110
  height: 50px;
109
111
  width: 26px;
110
112
  margin-top: -12px;
@@ -112,7 +114,7 @@
112
114
 
113
115
  ::slotted([slot='author']) {
114
116
  display: block;
115
- margin-bottom: 16px;
117
+ margin-bottom: var(--udexSpacer24);
116
118
  font-family: var(--sapFontFamily);
117
119
  font-weight: var(--udexTypographyFontWeightRegular, 400);
118
120
  font-size: var(--udexTypographyHeadingRegularXXSFontSize, 20px);
@@ -120,11 +122,12 @@
120
122
  color: var(--udexColorGrey8, #354A5F);
121
123
  }
122
124
 
123
- :host([text-size='small']) .content-container__text {
125
+ :host([text-size='small']) .udex-quote__text {
124
126
  font-family: var(--sapFontFamily);
125
127
  font-weight: var(--udexTypographyFontWeightRegular, 400);
126
128
  font-size: var(--udexTypographyBodySFontSize, 16px);
127
129
  line-height: var(--udexTypographyBodyLineHeight, 1.5);
130
+ padding-inline: 34px;
128
131
  }
129
132
 
130
133
  :host([text-size='small']) ::slotted([slot='author']) {
@@ -132,6 +135,11 @@
132
135
  font-weight: var(--udexTypographyFontWeightRegular, 400);
133
136
  font-size: var(--udexTypographyNavigationRegularMFontSize, 14px);
134
137
  line-height: var(--udexTypographyHeadingLineHeight, 1.1);
138
+ padding-inline: 34px;
139
+ }
140
+
141
+ :host([text-size='small']) ::slotted([slot='link']) {
142
+ padding-inline: 34px;
135
143
  }
136
144
 
137
145
  @media screen and (max-width: 1279px) {
@@ -142,11 +150,16 @@
142
150
  ::slotted([slot='author']) {
143
151
  font-size: var(--udexTypographyNavigationRegularMFontSize, 14px);
144
152
  line-height: var(--udexTypographyHeadingLineHeight, 1.1);
153
+ padding: 0 34px;
154
+ }
155
+
156
+ ::slotted([slot='link']) {
157
+ padding: 0 34px;
145
158
  }
146
159
 
147
160
  ::slotted([slot='image']) {
148
- width: 64px;
149
- height: 64px;
161
+ width: var(--udexSpacer64);
162
+ height: var(--udexSpacer64);
150
163
  }
151
164
 
152
165
  :host([mask='rectangle']) ::slotted([slot='image']) {
@@ -154,23 +167,19 @@
154
167
  height: 80px;
155
168
  }
156
169
 
157
- .content-container__text-container:after,
158
- .content-container__text-container:before {
170
+ .udex-quote__text-container:after,
171
+ .udex-quote__text-container:before {
159
172
  font-size: 72px;
173
+ font-weight: var(--udexTypographyFontWeightRegular, 400);
160
174
  line-height: 72px;
161
175
  height: 50px;
162
176
  width: 26px;
163
- margin-top: -12px;
164
177
  }
165
178
 
166
- .content-container__text {
179
+ .udex-quote__text {
167
180
  font-size: var(--udexTypographyBodySFontSize, 16px);
168
181
  line-height: var(--udexTypographyBodyLineHeight, 1.5);
169
- }
170
-
171
- ::slotted([slot='author']) {
172
- font-size: var(--udexTypographyNavigationRegularMFontSize, 14px);
173
- line-height: var(--udexTypographyHeadingLineHeight, 1.1);
182
+ padding: 0 34px;
174
183
  }
175
184
  }
176
185
 
@@ -1,3 +0,0 @@
1
- import type Quote from "../../Quote.js";
2
- declare function template(this: Quote): import("lit-html").TemplateResult;
3
- export default template;
@@ -1,10 +0,0 @@
1
- /* eslint no-unused-vars: 0 */
2
- import { html } 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 `<div class="udex-quote__container"><div class="udex-quote__image-container">${this.image ? block1.call(this, context, tags, suffix) : undefined}</div><div class="udex-quote__content-container"><div class="content-container__text-container"><p class="content-container__text"><slot></slot></p></div>${this.author ? block2.call(this, context, tags, suffix) : undefined}${this.link ? block3.call(this, context, tags, suffix) : undefined}</div></div>`; }
5
- function block1(context, tags, suffix) { return html `<slot name="image" slot="image"></slot>`; }
6
- function block2(context, tags, suffix) { return html `<slot slot="author" name="author"></slot>`; }
7
- function block3(context, tags, suffix) { return html `<slot slot="link" name="link"></slot>`; }
8
- function template() { return block0.call(this, this, this.constructor.tagsToScope, getCustomElementsScopingSuffix()); }
9
- export default template;
10
- //# sourceMappingURL=QuoteTemplate.lit.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"QuoteTemplate.lit.js","sourceRoot":"","sources":["../../../src/generated/templates/QuoteTemplate.lit.ts"],"names":[],"mappings":"AAAA,8BAA8B;AAC9B,OAAO,EAAE,IAAI,EAAoE,MAAM,sDAAsD,CAAC;AAC9I,OAAO,EAAE,8BAA8B,EAAE,MAAM,0DAA0D,CAAC;AAK1G,SAAS,MAAM,CAAe,OAAmB,EAAE,IAAc,EAAE,MAA0B,IAAI,OAAO,IAAI,CAAA,+EAAgF,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC,SAAU,6JAA8J,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC,SAAU,GAAI,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC,SAAU,cAAc,CAAC,CAAA,CAAC;AACpjB,SAAS,MAAM,CAAe,OAAmB,EAAE,IAAc,EAAE,MAA0B,IAAI,OAAO,IAAI,CAAA,yCAAyC,CAAC,CAAA,CAAC;AACvJ,SAAS,MAAM,CAAe,OAAmB,EAAE,IAAc,EAAE,MAA0B,IAAI,OAAO,IAAI,CAAA,2CAA2C,CAAC,CAAA,CAAC;AACzJ,SAAS,MAAM,CAAe,OAAmB,EAAE,IAAc,EAAE,MAA0B,IAAI,OAAO,IAAI,CAAA,uCAAuC,CAAC,CAAA,CAAC;AAErJ,SAAS,QAAQ,KAAgB,OAAO,MAAM,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,EAAG,IAAI,CAAC,WAAiC,CAAC,WAAW,EAAE,8BAA8B,EAAE,CAAC,CAAC,CAAC,CAAC;AACzJ,eAAe,QAAQ,CAAC","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 Quote from \"../../Quote.js\";\nimport type { ClassMapValue } from \"@ui5/webcomponents-base/dist/types.js\";\n\t\nfunction block0 (this: Quote, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<div class=\"udex-quote__container\"><div class=\"udex-quote__image-container\">${ this.image ? block1.call(this, context, tags, suffix) : undefined }</div><div class=\"udex-quote__content-container\"><div class=\"content-container__text-container\"><p class=\"content-container__text\"><slot></slot></p></div>${ this.author ? block2.call(this, context, tags, suffix) : undefined }${ this.link ? block3.call(this, context, tags, suffix) : undefined }</div></div>`;}\nfunction block1 (this: Quote, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<slot name=\"image\" slot=\"image\"></slot>`;}\nfunction block2 (this: Quote, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<slot slot=\"author\" name=\"author\"></slot>`;}\nfunction block3 (this: Quote, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<slot slot=\"link\" name=\"link\"></slot>`;}\n\nfunction template(this: Quote) { return block0.call(this, this, (this.constructor as typeof UI5Element).tagsToScope, getCustomElementsScopingSuffix()); }\nexport default template;"]}
@@ -1,3 +0,0 @@
1
- import type TagGroup from "../../TagGroup.js";
2
- declare function template(this: TagGroup): 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 `<div id="${ifDefined(this._id)}-tag-group" class="udex-tag-group" role="group"><${scopeTag("ui5-tokenizer", tags, suffix)} part="tokenizer" show-more prevent-popover-open ?disabled="${this.disabled}" id="${ifDefined(this._id)}-tag-group-tokenizer" class="udex-tag-group__tokenizer" @ui5-show-more-items-press="${ifDefined(this.showMoreItems)}" ?expanded="${this.tokenizerExpanded}">${repeat(this.items, (item, index) => item._id || index, (item, index) => block1.call(this, context, tags, suffix, item, index))}</${scopeTag("ui5-tokenizer", tags, suffix)}>${this._isHiddenTags ? block2.call(this, context, tags, suffix) : undefined}</div> ` : html `<div id="${ifDefined(this._id)}-tag-group" class="udex-tag-group" role="group"><ui5-tokenizer part="tokenizer" show-more prevent-popover-open ?disabled="${this.disabled}" id="${ifDefined(this._id)}-tag-group-tokenizer" class="udex-tag-group__tokenizer" @ui5-show-more-items-press="${ifDefined(this.showMoreItems)}" ?expanded="${this.tokenizerExpanded}">${repeat(this.items, (item, index) => item._id || index, (item, index) => block1.call(this, context, tags, suffix, item, index))}</ui5-tokenizer>${this._isHiddenTags ? block2.call(this, context, tags, suffix) : undefined}</div> `; }
5
- function block1(context, tags, suffix, item, index) { return suffix ? html `<${scopeTag("udex-tag", tags, suffix)} role="${ifDefined(this.tagRole)}" accessible-role="option" class="udex-tag-group__tag" data-id="${ifDefined(item.id)}" part="token-${index}" ?read-only="${this.isReadOrDisplayOnly}" tabindex="${ifDefined(this.tagTabIndex)}" id="${ifDefined(item._id)}-tag-group-tag" text="${ifDefined(item.text)}" icon="${ifDefined(item.icon)}" href="${ifDefined(item.href)}" design="${ifDefined(item.design)}" size="${ifDefined(item.size)}" icon-placement="${ifDefined(item.iconPlacement)}" accessible-name="${ifDefined(item.accessibleName)}" ?non-selectable="${item.nonSelectable}" ?data-overflows="${item.overflows}" @keydown="${this.handleTagKeyDown}" @ui5-selectionChange="${ifDefined(this.handleTagClick)}" @ui5-iconClick="${ifDefined(this.tagIconClickHandler)}"></${scopeTag("udex-tag", tags, suffix)}>` : html `<udex-tag role="${ifDefined(this.tagRole)}" accessible-role="option" class="udex-tag-group__tag" data-id="${ifDefined(item.id)}" part="token-${index}" ?read-only="${this.isReadOrDisplayOnly}" tabindex="${ifDefined(this.tagTabIndex)}" id="${ifDefined(item._id)}-tag-group-tag" text="${ifDefined(item.text)}" icon="${ifDefined(item.icon)}" href="${ifDefined(item.href)}" design="${ifDefined(item.design)}" size="${ifDefined(item.size)}" icon-placement="${ifDefined(item.iconPlacement)}" accessible-name="${ifDefined(item.accessibleName)}" ?non-selectable="${item.nonSelectable}" ?data-overflows="${item.overflows}" @keydown="${this.handleTagKeyDown}" @ui5-selectionChange="${ifDefined(this.handleTagClick)}" @ui5-iconClick="${ifDefined(this.tagIconClickHandler)}"></udex-tag>`; }
6
- function block2(context, tags, suffix) { return suffix ? html `<${scopeTag("udex-tooltip", tags, suffix)} @keydown="${this.handleShowMoreButtonKeydown}" id="${ifDefined(this._id)}-tag-group-tooltip" placement="${ifDefined(this.tooltipPlacement)}"><div role="group" class="udex-tag-group-tooltip__content">${repeat(this.hiddenTags, (item, index) => item._id || index, (item, index) => block3.call(this, context, tags, suffix, item, index))}</div></${scopeTag("udex-tooltip", tags, suffix)}>` : html `<udex-tooltip @keydown="${this.handleShowMoreButtonKeydown}" id="${ifDefined(this._id)}-tag-group-tooltip" placement="${ifDefined(this.tooltipPlacement)}"><div role="group" class="udex-tag-group-tooltip__content">${repeat(this.hiddenTags, (item, index) => item._id || index, (item, index) => block3.call(this, context, tags, suffix, item, index))}</div></udex-tooltip>`; }
7
- function block3(context, tags, suffix, item, index) { return suffix ? html `<${scopeTag("udex-tag", tags, suffix)} role="${ifDefined(this.tagRole)}" accessible-role="option" class="udex-tag-group__tag" data-id="${ifDefined(item.id)}" part="token-${index}" ?read-only="${this.isReadOrDisplayOnly}" tabindex="${ifDefined(this.tagTabIndex)}" id="${ifDefined(item._id)}-tag-group-tag" text="${ifDefined(item.text)}" icon="${ifDefined(item.icon)}" href="${ifDefined(item.href)}" design="${ifDefined(item.design)}" size="${ifDefined(item.size)}" icon-placement="${ifDefined(item.iconPlacement)}" accessible-name="${ifDefined(item.accessibleName)}" ?non-selectable="${item.nonSelectable}" ?data-overflows="${item.overflows}" @keydown="${this.handleTagKeyDown}" @ui5-selectionChange="${ifDefined(this.handleTagClick)}" @ui5-iconClick="${ifDefined(this.tagIconClickHandler)}"></${scopeTag("udex-tag", tags, suffix)}>` : html `<udex-tag role="${ifDefined(this.tagRole)}" accessible-role="option" class="udex-tag-group__tag" data-id="${ifDefined(item.id)}" part="token-${index}" ?read-only="${this.isReadOrDisplayOnly}" tabindex="${ifDefined(this.tagTabIndex)}" id="${ifDefined(item._id)}-tag-group-tag" text="${ifDefined(item.text)}" icon="${ifDefined(item.icon)}" href="${ifDefined(item.href)}" design="${ifDefined(item.design)}" size="${ifDefined(item.size)}" icon-placement="${ifDefined(item.iconPlacement)}" accessible-name="${ifDefined(item.accessibleName)}" ?non-selectable="${item.nonSelectable}" ?data-overflows="${item.overflows}" @keydown="${this.handleTagKeyDown}" @ui5-selectionChange="${ifDefined(this.handleTagClick)}" @ui5-iconClick="${ifDefined(this.tagIconClickHandler)}"></udex-tag>`; }
8
- function template() { return block0.call(this, this, this.constructor.tagsToScope, getCustomElementsScopingSuffix()); }
9
- export default template;
10
- //# sourceMappingURL=TagGroupTemplate.lit.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"TagGroupTemplate.lit.js","sourceRoot":"","sources":["../../../src/generated/templates/TagGroupTemplate.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 TagGroup from \"../../TagGroup.js\";\nimport type { ClassMapValue } from \"@ui5/webcomponents-base/dist/types.js\";\n\t\nfunction block0 (this: TagGroup, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<div id=\"${ifDefined(this._id)}-tag-group\" class=\"udex-tag-group\" role=\"group\"><${scopeTag(\"ui5-tokenizer\", tags, suffix)} part=\"tokenizer\" show-more prevent-popover-open ?disabled=\"${this.disabled}\" id=\"${ifDefined(this._id)}-tag-group-tokenizer\" class=\"udex-tag-group__tokenizer\" @ui5-show-more-items-press=\"${ifDefined(this.showMoreItems)}\" ?expanded=\"${this.tokenizerExpanded}\">${ repeat(this.items, (item, index) => (item as typeof item & {_id?: any})._id || index, (item, index: number) => block1.call(this, context, tags, suffix, item, index)) }</${scopeTag(\"ui5-tokenizer\", tags, suffix)}>${ this._isHiddenTags ? block2.call(this, context, tags, suffix) : undefined }</div> ` : html`<div id=\"${ifDefined(this._id)}-tag-group\" class=\"udex-tag-group\" role=\"group\"><ui5-tokenizer part=\"tokenizer\" show-more prevent-popover-open ?disabled=\"${this.disabled}\" id=\"${ifDefined(this._id)}-tag-group-tokenizer\" class=\"udex-tag-group__tokenizer\" @ui5-show-more-items-press=\"${ifDefined(this.showMoreItems)}\" ?expanded=\"${this.tokenizerExpanded}\">${ repeat(this.items, (item, index) => (item as typeof item & {_id?: any})._id || index, (item, index: number) => block1.call(this, context, tags, suffix, item, index)) }</ui5-tokenizer>${ this._isHiddenTags ? block2.call(this, context, tags, suffix) : undefined }</div> `;}\nfunction block1 (this: TagGroup, context: UI5Element, tags: string[], suffix: string | undefined, item: any, index: number) { return suffix ? html`<${scopeTag(\"udex-tag\", tags, suffix)} role=\"${ifDefined(this.tagRole)}\" accessible-role=\"option\" class=\"udex-tag-group__tag\" data-id=\"${ifDefined(item.id)}\" part=\"token-${index}\" ?read-only=\"${this.isReadOrDisplayOnly}\" tabindex=\"${ifDefined(this.tagTabIndex)}\" id=\"${ifDefined(item._id)}-tag-group-tag\" text=\"${ifDefined(item.text)}\" icon=\"${ifDefined(item.icon)}\" href=\"${ifDefined(item.href)}\" design=\"${ifDefined(item.design)}\" size=\"${ifDefined(item.size)}\" icon-placement=\"${ifDefined(item.iconPlacement)}\" accessible-name=\"${ifDefined(item.accessibleName)}\" ?non-selectable=\"${item.nonSelectable}\" ?data-overflows=\"${item.overflows}\" @keydown=\"${this.handleTagKeyDown}\" @ui5-selectionChange=\"${ifDefined(this.handleTagClick)}\" @ui5-iconClick=\"${ifDefined(this.tagIconClickHandler)}\"></${scopeTag(\"udex-tag\", tags, suffix)}>` : html`<udex-tag role=\"${ifDefined(this.tagRole)}\" accessible-role=\"option\" class=\"udex-tag-group__tag\" data-id=\"${ifDefined(item.id)}\" part=\"token-${index}\" ?read-only=\"${this.isReadOrDisplayOnly}\" tabindex=\"${ifDefined(this.tagTabIndex)}\" id=\"${ifDefined(item._id)}-tag-group-tag\" text=\"${ifDefined(item.text)}\" icon=\"${ifDefined(item.icon)}\" href=\"${ifDefined(item.href)}\" design=\"${ifDefined(item.design)}\" size=\"${ifDefined(item.size)}\" icon-placement=\"${ifDefined(item.iconPlacement)}\" accessible-name=\"${ifDefined(item.accessibleName)}\" ?non-selectable=\"${item.nonSelectable}\" ?data-overflows=\"${item.overflows}\" @keydown=\"${this.handleTagKeyDown}\" @ui5-selectionChange=\"${ifDefined(this.handleTagClick)}\" @ui5-iconClick=\"${ifDefined(this.tagIconClickHandler)}\"></udex-tag>`;}\nfunction block2 (this: TagGroup, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<${scopeTag(\"udex-tooltip\", tags, suffix)} @keydown=\"${this.handleShowMoreButtonKeydown}\" id=\"${ifDefined(this._id)}-tag-group-tooltip\" placement=\"${ifDefined(this.tooltipPlacement)}\"><div role=\"group\" class=\"udex-tag-group-tooltip__content\">${ repeat(this.hiddenTags, (item, index) => (item as typeof item & {_id?: any})._id || index, (item, index: number) => block3.call(this, context, tags, suffix, item, index)) }</div></${scopeTag(\"udex-tooltip\", tags, suffix)}>` : html`<udex-tooltip @keydown=\"${this.handleShowMoreButtonKeydown}\" id=\"${ifDefined(this._id)}-tag-group-tooltip\" placement=\"${ifDefined(this.tooltipPlacement)}\"><div role=\"group\" class=\"udex-tag-group-tooltip__content\">${ repeat(this.hiddenTags, (item, index) => (item as typeof item & {_id?: any})._id || index, (item, index: number) => block3.call(this, context, tags, suffix, item, index)) }</div></udex-tooltip>`;}\nfunction block3 (this: TagGroup, context: UI5Element, tags: string[], suffix: string | undefined, item: any, index: number) { return suffix ? html`<${scopeTag(\"udex-tag\", tags, suffix)} role=\"${ifDefined(this.tagRole)}\" accessible-role=\"option\" class=\"udex-tag-group__tag\" data-id=\"${ifDefined(item.id)}\" part=\"token-${index}\" ?read-only=\"${this.isReadOrDisplayOnly}\" tabindex=\"${ifDefined(this.tagTabIndex)}\" id=\"${ifDefined(item._id)}-tag-group-tag\" text=\"${ifDefined(item.text)}\" icon=\"${ifDefined(item.icon)}\" href=\"${ifDefined(item.href)}\" design=\"${ifDefined(item.design)}\" size=\"${ifDefined(item.size)}\" icon-placement=\"${ifDefined(item.iconPlacement)}\" accessible-name=\"${ifDefined(item.accessibleName)}\" ?non-selectable=\"${item.nonSelectable}\" ?data-overflows=\"${item.overflows}\" @keydown=\"${this.handleTagKeyDown}\" @ui5-selectionChange=\"${ifDefined(this.handleTagClick)}\" @ui5-iconClick=\"${ifDefined(this.tagIconClickHandler)}\"></${scopeTag(\"udex-tag\", tags, suffix)}>` : html`<udex-tag role=\"${ifDefined(this.tagRole)}\" accessible-role=\"option\" class=\"udex-tag-group__tag\" data-id=\"${ifDefined(item.id)}\" part=\"token-${index}\" ?read-only=\"${this.isReadOrDisplayOnly}\" tabindex=\"${ifDefined(this.tagTabIndex)}\" id=\"${ifDefined(item._id)}-tag-group-tag\" text=\"${ifDefined(item.text)}\" icon=\"${ifDefined(item.icon)}\" href=\"${ifDefined(item.href)}\" design=\"${ifDefined(item.design)}\" size=\"${ifDefined(item.size)}\" icon-placement=\"${ifDefined(item.iconPlacement)}\" accessible-name=\"${ifDefined(item.accessibleName)}\" ?non-selectable=\"${item.nonSelectable}\" ?data-overflows=\"${item.overflows}\" @keydown=\"${this.handleTagKeyDown}\" @ui5-selectionChange=\"${ifDefined(this.handleTagClick)}\" @ui5-iconClick=\"${ifDefined(this.tagIconClickHandler)}\"></udex-tag>`;}\n\nfunction template(this: TagGroup) { return block0.call(this, this, (this.constructor as typeof UI5Element).tagsToScope, getCustomElementsScopingSuffix()); }\nexport default template;"]}
@@ -1,3 +0,0 @@
1
- import type Tag from "../../Tag.js";
2
- declare function template(this: Tag): import("lit-html").TemplateResult;
3
- export default template;
@@ -1,19 +0,0 @@
1
- /* eslint no-unused-vars: 0 */
2
- import { html, ifDefined, unsafeHTML, 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.readOnly ? block1.call(this, context, tags, suffix) : block2.call(this, context, tags, suffix)} `; }
5
- function block1(context, tags, suffix) { return html `<div class="${ifDefined(this.tagClasses)}"><span class="udex-tag__text">${unsafeHTML(this.text)}</span></div>`; }
6
- function block2(context, tags, suffix) { return html `${this.href ? block3.call(this, context, tags, suffix) : block6.call(this, context, tags, suffix)}`; }
7
- function block3(context, tags, suffix) { return html `<a role="${ifDefined(this.accessibleRole)}" class="${ifDefined(this.tagClasses)}" @click="${this.tagLinkClickHandler}" href="${ifDefined(this.href)}">${this.startIcon ? block4.call(this, context, tags, suffix) : undefined}<span class="udex-tag__text">${unsafeHTML(this.text)}</span>${this.endIcon ? block5.call(this, context, tags, suffix) : undefined}</a>`; }
8
- function block4(context, tags, suffix) { return suffix ? html `<${scopeTag("ui5-icon", tags, suffix)} class="udex-tag__icon udex-tag__icon--start" name="${ifDefined(this.icon)}"></${scopeTag("ui5-icon", tags, suffix)}>` : html `<ui5-icon class="udex-tag__icon udex-tag__icon--start" name="${ifDefined(this.icon)}"></ui5-icon>`; }
9
- function block5(context, tags, suffix) { return suffix ? html `<${scopeTag("ui5-icon", tags, suffix)} class="udex-tag__icon udex-tag__icon--end" name="${ifDefined(this.icon)}"></${scopeTag("ui5-icon", tags, suffix)}>` : html `<ui5-icon class="udex-tag__icon udex-tag__icon--end" name="${ifDefined(this.icon)}"></ui5-icon>`; }
10
- function block6(context, tags, suffix) { return html `${this.nonSelectable ? block7.call(this, context, tags, suffix) : block10.call(this, context, tags, suffix)}`; }
11
- function block7(context, tags, suffix) { return html `<div class="${ifDefined(this.tagClasses)}">${this.startIcon ? block8.call(this, context, tags, suffix) : undefined}<span class="udex-tag__text">${unsafeHTML(this.text)}</span>${this.endIcon ? block9.call(this, context, tags, suffix) : undefined}</div>`; }
12
- function block8(context, tags, suffix) { return suffix ? html `<button class="udex-tag__btn-icon" @click="${this.iconClickHandler}" role="${ifDefined(this.accessibleRole)}" aria-label="${ifDefined(this.iconAccessibleName)}"><${scopeTag("ui5-icon", tags, suffix)} class="udex-tag__icon udex-tag__icon--start" name="${ifDefined(this.icon)}"></${scopeTag("ui5-icon", tags, suffix)}></button>` : html `<button class="udex-tag__btn-icon" @click="${this.iconClickHandler}" role="${ifDefined(this.accessibleRole)}" aria-label="${ifDefined(this.iconAccessibleName)}"><ui5-icon class="udex-tag__icon udex-tag__icon--start" name="${ifDefined(this.icon)}"></ui5-icon></button>`; }
13
- function block9(context, tags, suffix) { return suffix ? html `<button class="udex-tag__btn-icon" @click="${this.iconClickHandler}" role="${ifDefined(this.accessibleRole)}" aria-label="${ifDefined(this.iconAccessibleName)}"><${scopeTag("ui5-icon", tags, suffix)} class="udex-tag__icon udex-tag__icon--end" name="${ifDefined(this.icon)}"></${scopeTag("ui5-icon", tags, suffix)}></button>` : html `<button class="udex-tag__btn-icon" @click="${this.iconClickHandler}" role="${ifDefined(this.accessibleRole)}" aria-label="${ifDefined(this.iconAccessibleName)}"><ui5-icon class="udex-tag__icon udex-tag__icon--end" name="${ifDefined(this.icon)}"></ui5-icon></button>`; }
14
- function block10(context, tags, suffix) { return html `<div tabindex="${ifDefined(this._tabIndex)}" class="${ifDefined(this.tagClasses)}" @click="${this.tagClickHandler}" @focusin="${this._focusin}" @focusout="${this._focusout}" @keydown="${this.tagKeyDown}" role="${ifDefined(this.accessibleRole)}" aria-label="${ifDefined(this.accessibleName)}" aria-pressed="${ifDefined(this.selected)}">${this.startIcon ? block11.call(this, context, tags, suffix) : undefined}<span class="udex-tag__text">${unsafeHTML(this.text)}</span>${this.endIcon ? block12.call(this, context, tags, suffix) : undefined}</div>`; }
15
- function block11(context, tags, suffix) { return suffix ? html `<${scopeTag("ui5-icon", tags, suffix)} class="udex-tag__icon udex-tag__icon--start" name="${ifDefined(this.icon)}" @click="${this.iconClickHandler}"></${scopeTag("ui5-icon", tags, suffix)}>` : html `<ui5-icon class="udex-tag__icon udex-tag__icon--start" name="${ifDefined(this.icon)}" @click="${this.iconClickHandler}"></ui5-icon>`; }
16
- function block12(context, tags, suffix) { return suffix ? html `<${scopeTag("ui5-icon", tags, suffix)} class="udex-tag__icon udex-tag__icon--end" name="${ifDefined(this.icon)}" @click="${this.iconClickHandler}"></${scopeTag("ui5-icon", tags, suffix)}>` : html `<ui5-icon class="udex-tag__icon udex-tag__icon--end" name="${ifDefined(this.icon)}" @click="${this.iconClickHandler}"></ui5-icon>`; }
17
- function template() { return block0.call(this, this, this.constructor.tagsToScope, getCustomElementsScopingSuffix()); }
18
- export default template;
19
- //# sourceMappingURL=TagTemplate.lit.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"TagTemplate.lit.js","sourceRoot":"","sources":["../../../src/generated/templates/TagTemplate.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 Tag from \"../../Tag.js\";\nimport type { ClassMapValue } from \"@ui5/webcomponents-base/dist/types.js\";\n\t\nfunction block0 (this: Tag, context: UI5Element, tags: string[], suffix: string | undefined) { return html`${ this.readOnly ? block1.call(this, context, tags, suffix) : block2.call(this, context, tags, suffix) } `;}\nfunction block1 (this: Tag, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<div class=\"${ifDefined(this.tagClasses)}\"><span class=\"udex-tag__text\">${unsafeHTML(this.text)}</span></div>`;}\nfunction block2 (this: Tag, context: UI5Element, tags: string[], suffix: string | undefined) { return html`${ this.href ? block3.call(this, context, tags, suffix) : block6.call(this, context, tags, suffix) }`;}\nfunction block3 (this: Tag, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<a role=\"${ifDefined(this.accessibleRole)}\" class=\"${ifDefined(this.tagClasses)}\" @click=\"${this.tagLinkClickHandler}\" href=\"${ifDefined(this.href)}\">${ this.startIcon ? block4.call(this, context, tags, suffix) : undefined }<span class=\"udex-tag__text\">${unsafeHTML(this.text)}</span>${ this.endIcon ? block5.call(this, context, tags, suffix) : undefined }</a>`;}\nfunction block4 (this: Tag, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<${scopeTag(\"ui5-icon\", tags, suffix)} class=\"udex-tag__icon udex-tag__icon--start\" name=\"${ifDefined(this.icon)}\"></${scopeTag(\"ui5-icon\", tags, suffix)}>` : html`<ui5-icon class=\"udex-tag__icon udex-tag__icon--start\" name=\"${ifDefined(this.icon)}\"></ui5-icon>`;}\nfunction block5 (this: Tag, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<${scopeTag(\"ui5-icon\", tags, suffix)} class=\"udex-tag__icon udex-tag__icon--end\" name=\"${ifDefined(this.icon)}\"></${scopeTag(\"ui5-icon\", tags, suffix)}>` : html`<ui5-icon class=\"udex-tag__icon udex-tag__icon--end\" name=\"${ifDefined(this.icon)}\"></ui5-icon>`;}\nfunction block6 (this: Tag, context: UI5Element, tags: string[], suffix: string | undefined) { return html`${ this.nonSelectable ? block7.call(this, context, tags, suffix) : block10.call(this, context, tags, suffix) }`;}\nfunction block7 (this: Tag, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<div class=\"${ifDefined(this.tagClasses)}\">${ this.startIcon ? block8.call(this, context, tags, suffix) : undefined }<span class=\"udex-tag__text\">${unsafeHTML(this.text)}</span>${ this.endIcon ? block9.call(this, context, tags, suffix) : undefined }</div>`;}\nfunction block8 (this: Tag, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<button class=\"udex-tag__btn-icon\" @click=\"${this.iconClickHandler}\" role=\"${ifDefined(this.accessibleRole)}\" aria-label=\"${ifDefined(this.iconAccessibleName)}\"><${scopeTag(\"ui5-icon\", tags, suffix)} class=\"udex-tag__icon udex-tag__icon--start\" name=\"${ifDefined(this.icon)}\"></${scopeTag(\"ui5-icon\", tags, suffix)}></button>` : html`<button class=\"udex-tag__btn-icon\" @click=\"${this.iconClickHandler}\" role=\"${ifDefined(this.accessibleRole)}\" aria-label=\"${ifDefined(this.iconAccessibleName)}\"><ui5-icon class=\"udex-tag__icon udex-tag__icon--start\" name=\"${ifDefined(this.icon)}\"></ui5-icon></button>`;}\nfunction block9 (this: Tag, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<button class=\"udex-tag__btn-icon\" @click=\"${this.iconClickHandler}\" role=\"${ifDefined(this.accessibleRole)}\" aria-label=\"${ifDefined(this.iconAccessibleName)}\"><${scopeTag(\"ui5-icon\", tags, suffix)} class=\"udex-tag__icon udex-tag__icon--end\" name=\"${ifDefined(this.icon)}\"></${scopeTag(\"ui5-icon\", tags, suffix)}></button>` : html`<button class=\"udex-tag__btn-icon\" @click=\"${this.iconClickHandler}\" role=\"${ifDefined(this.accessibleRole)}\" aria-label=\"${ifDefined(this.iconAccessibleName)}\"><ui5-icon class=\"udex-tag__icon udex-tag__icon--end\" name=\"${ifDefined(this.icon)}\"></ui5-icon></button>`;}\nfunction block10 (this: Tag, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<div tabindex=\"${ifDefined(this._tabIndex)}\" class=\"${ifDefined(this.tagClasses)}\" @click=\"${this.tagClickHandler}\" @focusin=\"${this._focusin}\" @focusout=\"${this._focusout}\" @keydown=\"${this.tagKeyDown}\" role=\"${ifDefined(this.accessibleRole)}\" aria-label=\"${ifDefined(this.accessibleName)}\" aria-pressed=\"${ifDefined(this.selected)}\">${ this.startIcon ? block11.call(this, context, tags, suffix) : undefined }<span class=\"udex-tag__text\">${unsafeHTML(this.text)}</span>${ this.endIcon ? block12.call(this, context, tags, suffix) : undefined }</div>`;}\nfunction block11 (this: Tag, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<${scopeTag(\"ui5-icon\", tags, suffix)} class=\"udex-tag__icon udex-tag__icon--start\" name=\"${ifDefined(this.icon)}\" @click=\"${this.iconClickHandler}\"></${scopeTag(\"ui5-icon\", tags, suffix)}>` : html`<ui5-icon class=\"udex-tag__icon udex-tag__icon--start\" name=\"${ifDefined(this.icon)}\" @click=\"${this.iconClickHandler}\"></ui5-icon>`;}\nfunction block12 (this: Tag, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<${scopeTag(\"ui5-icon\", tags, suffix)} class=\"udex-tag__icon udex-tag__icon--end\" name=\"${ifDefined(this.icon)}\" @click=\"${this.iconClickHandler}\"></${scopeTag(\"ui5-icon\", tags, suffix)}>` : html`<ui5-icon class=\"udex-tag__icon udex-tag__icon--end\" name=\"${ifDefined(this.icon)}\" @click=\"${this.iconClickHandler}\"></ui5-icon>`;}\n\nfunction template(this: Tag) { return block0.call(this, this, (this.constructor as typeof UI5Element).tagsToScope, getCustomElementsScopingSuffix()); }\nexport default template;"]}
package/src/Quote.hbs DELETED
@@ -1,20 +0,0 @@
1
- <div class="udex-quote__container">
2
- <div class="udex-quote__image-container">
3
- {{#if image}}
4
- <slot name="image" slot="image"></slot>
5
- {{/if}}
6
- </div>
7
- <div class="udex-quote__content-container">
8
- <div class="content-container__text-container">
9
- <p class="content-container__text">
10
- <slot></slot>
11
- </p>
12
- </div>
13
- {{#if author}}
14
- <slot slot="author" name="author"></slot>
15
- {{/if}}
16
- {{#if link}}
17
- <slot slot="link" name="link"></slot>
18
- {{/if}}
19
- </div>
20
- </div>
package/src/Tag.hbs DELETED
@@ -1,76 +0,0 @@
1
- {{#if readOnly}}
2
- <div class="{{tagClasses}}">
3
- <span class="udex-tag__text">{{{text}}}</span>
4
- </div>
5
- {{else if href}}
6
- <a role="{{accessibleRole}}" class="{{tagClasses}}" @click="{{tagLinkClickHandler}}" href="{{href}}">
7
- {{#if startIcon}}
8
- <ui5-icon
9
- class="udex-tag__icon udex-tag__icon--start"
10
- name="{{icon}}">
11
- </ui5-icon>
12
- {{/if}}
13
- <span class="udex-tag__text">{{{text}}}</span>
14
- {{#if endIcon}}
15
- <ui5-icon
16
- class="udex-tag__icon udex-tag__icon--end"
17
- name="{{icon}}">
18
- </ui5-icon>
19
- {{/if}}
20
- </a>
21
- {{else if nonSelectable}}
22
- <div class="{{tagClasses}}">
23
- {{#if startIcon}}
24
- <button
25
- class="udex-tag__btn-icon"
26
- @click="{{iconClickHandler}}"
27
- role="{{accessibleRole}}"
28
- aria-label="{{iconAccessibleName}}">
29
- <ui5-icon
30
- class="udex-tag__icon udex-tag__icon--start"
31
- name="{{icon}}">
32
- </ui5-icon>
33
- </button>
34
- {{/if}}
35
- <span class="udex-tag__text">{{{text}}}</span>
36
- {{#if endIcon}}
37
- <button
38
- class="udex-tag__btn-icon"
39
- @click="{{iconClickHandler}}"
40
- role="{{accessibleRole}}"
41
- aria-label="{{iconAccessibleName}}">
42
- <ui5-icon
43
- class="udex-tag__icon udex-tag__icon--end"
44
- name="{{icon}}">
45
- </ui5-icon>
46
- </button>
47
- {{/if}}
48
- </div>
49
- {{else}}
50
- <div
51
- tabindex="{{_tabIndex}}"
52
- class="{{tagClasses}}"
53
- @click="{{tagClickHandler}}"
54
- @focusin="{{_focusin}}"
55
- @focusout="{{_focusout}}"
56
- @keydown="{{tagKeyDown}}"
57
- role="{{accessibleRole}}"
58
- aria-label="{{accessibleName}}"
59
- aria-pressed="{{selected}}">
60
- {{#if startIcon}}
61
- <ui5-icon
62
- class="udex-tag__icon udex-tag__icon--start"
63
- name="{{icon}}"
64
- @click="{{iconClickHandler}}">
65
- </ui5-icon>
66
- {{/if}}
67
- <span class="udex-tag__text">{{{text}}}</span>
68
- {{#if endIcon}}
69
- <ui5-icon
70
- class="udex-tag__icon udex-tag__icon--end"
71
- name="{{icon}}"
72
- @click="{{iconClickHandler}}">
73
- </ui5-icon>
74
- {{/if}}
75
- </div>
76
- {{/if}}
package/src/TagGroup.hbs DELETED
@@ -1,57 +0,0 @@
1
- <div
2
- id="{{_id}}-tag-group"
3
- class="udex-tag-group"
4
- role="group">
5
- <ui5-tokenizer
6
- part="tokenizer"
7
- show-more
8
- prevent-popover-open
9
- ?disabled="{{disabled}}"
10
- id="{{_id}}-tag-group-tokenizer"
11
- class="udex-tag-group__tokenizer"
12
- @ui5-show-more-items-press="{{showMoreItems}}"
13
- ?expanded="{{tokenizerExpanded}}">
14
- {{#each items}}
15
- {{>TAG}}
16
- {{/each}}
17
- </ui5-tokenizer>
18
- {{#if _isHiddenTags}}
19
- <udex-tooltip
20
- @keydown="{{handleShowMoreButtonKeydown}}"
21
- id="{{_id}}-tag-group-tooltip"
22
- placement="{{tooltipPlacement}}">
23
- <div
24
- role="group"
25
- class="udex-tag-group-tooltip__content">
26
- {{#each hiddenTags}}
27
- {{>TAG}}
28
- {{/each}}
29
- </div>
30
- </udex-tooltip>
31
- {{/if}}
32
- </div>
33
-
34
- {{#*inline "TAG"}}
35
- <udex-tag
36
- role="{{../tagRole}}"
37
- accessible-role="option"
38
- class="udex-tag-group__tag"
39
- data-id="{{this.id}}"
40
- part="token-{{@index}}"
41
- ?read-only="{{../isReadOrDisplayOnly}}"
42
- tabindex="{{../tagTabIndex}}"
43
- id="{{_id}}-tag-group-tag"
44
- text="{{this.text}}"
45
- icon="{{this.icon}}"
46
- href="{{this.href}}"
47
- design="{{this.design}}"
48
- size="{{this.size}}"
49
- icon-placement="{{this.iconPlacement}}"
50
- accessible-name="{{this.accessibleName}}"
51
- ?non-selectable="{{this.nonSelectable}}"
52
- ?data-overflows="{{this.overflows}}"
53
- @keydown="{{../handleTagKeyDown}}"
54
- @ui5-selectionChange="{{../handleTagClick}}"
55
- @ui5-iconClick="{{../tagIconClickHandler}}">
56
- </udex-tag>
57
- {{/inline}}
@@ -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 Quote from "../../Quote.js";
6
- import type { ClassMapValue } from "@ui5/webcomponents-base/dist/types.js";
7
-
8
- function block0 (this: Quote, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<div class="udex-quote__container"><div class="udex-quote__image-container">${ this.image ? block1.call(this, context, tags, suffix) : undefined }</div><div class="udex-quote__content-container"><div class="content-container__text-container"><p class="content-container__text"><slot></slot></p></div>${ this.author ? block2.call(this, context, tags, suffix) : undefined }${ this.link ? block3.call(this, context, tags, suffix) : undefined }</div></div>`;}
9
- function block1 (this: Quote, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<slot name="image" slot="image"></slot>`;}
10
- function block2 (this: Quote, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<slot slot="author" name="author"></slot>`;}
11
- function block3 (this: Quote, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<slot slot="link" name="link"></slot>`;}
12
-
13
- function template(this: Quote) { 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 TagGroup from "../../TagGroup.js";
6
- import type { ClassMapValue } from "@ui5/webcomponents-base/dist/types.js";
7
-
8
- function block0 (this: TagGroup, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<div id="${ifDefined(this._id)}-tag-group" class="udex-tag-group" role="group"><${scopeTag("ui5-tokenizer", tags, suffix)} part="tokenizer" show-more prevent-popover-open ?disabled="${this.disabled}" id="${ifDefined(this._id)}-tag-group-tokenizer" class="udex-tag-group__tokenizer" @ui5-show-more-items-press="${ifDefined(this.showMoreItems)}" ?expanded="${this.tokenizerExpanded}">${ repeat(this.items, (item, index) => (item as typeof item & {_id?: any})._id || index, (item, index: number) => block1.call(this, context, tags, suffix, item, index)) }</${scopeTag("ui5-tokenizer", tags, suffix)}>${ this._isHiddenTags ? block2.call(this, context, tags, suffix) : undefined }</div> ` : html`<div id="${ifDefined(this._id)}-tag-group" class="udex-tag-group" role="group"><ui5-tokenizer part="tokenizer" show-more prevent-popover-open ?disabled="${this.disabled}" id="${ifDefined(this._id)}-tag-group-tokenizer" class="udex-tag-group__tokenizer" @ui5-show-more-items-press="${ifDefined(this.showMoreItems)}" ?expanded="${this.tokenizerExpanded}">${ repeat(this.items, (item, index) => (item as typeof item & {_id?: any})._id || index, (item, index: number) => block1.call(this, context, tags, suffix, item, index)) }</ui5-tokenizer>${ this._isHiddenTags ? block2.call(this, context, tags, suffix) : undefined }</div> `;}
9
- function block1 (this: TagGroup, context: UI5Element, tags: string[], suffix: string | undefined, item: any, index: number) { return suffix ? html`<${scopeTag("udex-tag", tags, suffix)} role="${ifDefined(this.tagRole)}" accessible-role="option" class="udex-tag-group__tag" data-id="${ifDefined(item.id)}" part="token-${index}" ?read-only="${this.isReadOrDisplayOnly}" tabindex="${ifDefined(this.tagTabIndex)}" id="${ifDefined(item._id)}-tag-group-tag" text="${ifDefined(item.text)}" icon="${ifDefined(item.icon)}" href="${ifDefined(item.href)}" design="${ifDefined(item.design)}" size="${ifDefined(item.size)}" icon-placement="${ifDefined(item.iconPlacement)}" accessible-name="${ifDefined(item.accessibleName)}" ?non-selectable="${item.nonSelectable}" ?data-overflows="${item.overflows}" @keydown="${this.handleTagKeyDown}" @ui5-selectionChange="${ifDefined(this.handleTagClick)}" @ui5-iconClick="${ifDefined(this.tagIconClickHandler)}"></${scopeTag("udex-tag", tags, suffix)}>` : html`<udex-tag role="${ifDefined(this.tagRole)}" accessible-role="option" class="udex-tag-group__tag" data-id="${ifDefined(item.id)}" part="token-${index}" ?read-only="${this.isReadOrDisplayOnly}" tabindex="${ifDefined(this.tagTabIndex)}" id="${ifDefined(item._id)}-tag-group-tag" text="${ifDefined(item.text)}" icon="${ifDefined(item.icon)}" href="${ifDefined(item.href)}" design="${ifDefined(item.design)}" size="${ifDefined(item.size)}" icon-placement="${ifDefined(item.iconPlacement)}" accessible-name="${ifDefined(item.accessibleName)}" ?non-selectable="${item.nonSelectable}" ?data-overflows="${item.overflows}" @keydown="${this.handleTagKeyDown}" @ui5-selectionChange="${ifDefined(this.handleTagClick)}" @ui5-iconClick="${ifDefined(this.tagIconClickHandler)}"></udex-tag>`;}
10
- function block2 (this: TagGroup, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<${scopeTag("udex-tooltip", tags, suffix)} @keydown="${this.handleShowMoreButtonKeydown}" id="${ifDefined(this._id)}-tag-group-tooltip" placement="${ifDefined(this.tooltipPlacement)}"><div role="group" class="udex-tag-group-tooltip__content">${ repeat(this.hiddenTags, (item, index) => (item as typeof item & {_id?: any})._id || index, (item, index: number) => block3.call(this, context, tags, suffix, item, index)) }</div></${scopeTag("udex-tooltip", tags, suffix)}>` : html`<udex-tooltip @keydown="${this.handleShowMoreButtonKeydown}" id="${ifDefined(this._id)}-tag-group-tooltip" placement="${ifDefined(this.tooltipPlacement)}"><div role="group" class="udex-tag-group-tooltip__content">${ repeat(this.hiddenTags, (item, index) => (item as typeof item & {_id?: any})._id || index, (item, index: number) => block3.call(this, context, tags, suffix, item, index)) }</div></udex-tooltip>`;}
11
- function block3 (this: TagGroup, context: UI5Element, tags: string[], suffix: string | undefined, item: any, index: number) { return suffix ? html`<${scopeTag("udex-tag", tags, suffix)} role="${ifDefined(this.tagRole)}" accessible-role="option" class="udex-tag-group__tag" data-id="${ifDefined(item.id)}" part="token-${index}" ?read-only="${this.isReadOrDisplayOnly}" tabindex="${ifDefined(this.tagTabIndex)}" id="${ifDefined(item._id)}-tag-group-tag" text="${ifDefined(item.text)}" icon="${ifDefined(item.icon)}" href="${ifDefined(item.href)}" design="${ifDefined(item.design)}" size="${ifDefined(item.size)}" icon-placement="${ifDefined(item.iconPlacement)}" accessible-name="${ifDefined(item.accessibleName)}" ?non-selectable="${item.nonSelectable}" ?data-overflows="${item.overflows}" @keydown="${this.handleTagKeyDown}" @ui5-selectionChange="${ifDefined(this.handleTagClick)}" @ui5-iconClick="${ifDefined(this.tagIconClickHandler)}"></${scopeTag("udex-tag", tags, suffix)}>` : html`<udex-tag role="${ifDefined(this.tagRole)}" accessible-role="option" class="udex-tag-group__tag" data-id="${ifDefined(item.id)}" part="token-${index}" ?read-only="${this.isReadOrDisplayOnly}" tabindex="${ifDefined(this.tagTabIndex)}" id="${ifDefined(item._id)}-tag-group-tag" text="${ifDefined(item.text)}" icon="${ifDefined(item.icon)}" href="${ifDefined(item.href)}" design="${ifDefined(item.design)}" size="${ifDefined(item.size)}" icon-placement="${ifDefined(item.iconPlacement)}" accessible-name="${ifDefined(item.accessibleName)}" ?non-selectable="${item.nonSelectable}" ?data-overflows="${item.overflows}" @keydown="${this.handleTagKeyDown}" @ui5-selectionChange="${ifDefined(this.handleTagClick)}" @ui5-iconClick="${ifDefined(this.tagIconClickHandler)}"></udex-tag>`;}
12
-
13
- function template(this: TagGroup) { return block0.call(this, this, (this.constructor as typeof UI5Element).tagsToScope, getCustomElementsScopingSuffix()); }
14
- export default template;
@@ -1,23 +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 Tag from "../../Tag.js";
6
- import type { ClassMapValue } from "@ui5/webcomponents-base/dist/types.js";
7
-
8
- function block0 (this: Tag, context: UI5Element, tags: string[], suffix: string | undefined) { return html`${ this.readOnly ? block1.call(this, context, tags, suffix) : block2.call(this, context, tags, suffix) } `;}
9
- function block1 (this: Tag, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<div class="${ifDefined(this.tagClasses)}"><span class="udex-tag__text">${unsafeHTML(this.text)}</span></div>`;}
10
- function block2 (this: Tag, context: UI5Element, tags: string[], suffix: string | undefined) { return html`${ this.href ? block3.call(this, context, tags, suffix) : block6.call(this, context, tags, suffix) }`;}
11
- function block3 (this: Tag, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<a role="${ifDefined(this.accessibleRole)}" class="${ifDefined(this.tagClasses)}" @click="${this.tagLinkClickHandler}" href="${ifDefined(this.href)}">${ this.startIcon ? block4.call(this, context, tags, suffix) : undefined }<span class="udex-tag__text">${unsafeHTML(this.text)}</span>${ this.endIcon ? block5.call(this, context, tags, suffix) : undefined }</a>`;}
12
- function block4 (this: Tag, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<${scopeTag("ui5-icon", tags, suffix)} class="udex-tag__icon udex-tag__icon--start" name="${ifDefined(this.icon)}"></${scopeTag("ui5-icon", tags, suffix)}>` : html`<ui5-icon class="udex-tag__icon udex-tag__icon--start" name="${ifDefined(this.icon)}"></ui5-icon>`;}
13
- function block5 (this: Tag, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<${scopeTag("ui5-icon", tags, suffix)} class="udex-tag__icon udex-tag__icon--end" name="${ifDefined(this.icon)}"></${scopeTag("ui5-icon", tags, suffix)}>` : html`<ui5-icon class="udex-tag__icon udex-tag__icon--end" name="${ifDefined(this.icon)}"></ui5-icon>`;}
14
- function block6 (this: Tag, context: UI5Element, tags: string[], suffix: string | undefined) { return html`${ this.nonSelectable ? block7.call(this, context, tags, suffix) : block10.call(this, context, tags, suffix) }`;}
15
- function block7 (this: Tag, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<div class="${ifDefined(this.tagClasses)}">${ this.startIcon ? block8.call(this, context, tags, suffix) : undefined }<span class="udex-tag__text">${unsafeHTML(this.text)}</span>${ this.endIcon ? block9.call(this, context, tags, suffix) : undefined }</div>`;}
16
- function block8 (this: Tag, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<button class="udex-tag__btn-icon" @click="${this.iconClickHandler}" role="${ifDefined(this.accessibleRole)}" aria-label="${ifDefined(this.iconAccessibleName)}"><${scopeTag("ui5-icon", tags, suffix)} class="udex-tag__icon udex-tag__icon--start" name="${ifDefined(this.icon)}"></${scopeTag("ui5-icon", tags, suffix)}></button>` : html`<button class="udex-tag__btn-icon" @click="${this.iconClickHandler}" role="${ifDefined(this.accessibleRole)}" aria-label="${ifDefined(this.iconAccessibleName)}"><ui5-icon class="udex-tag__icon udex-tag__icon--start" name="${ifDefined(this.icon)}"></ui5-icon></button>`;}
17
- function block9 (this: Tag, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<button class="udex-tag__btn-icon" @click="${this.iconClickHandler}" role="${ifDefined(this.accessibleRole)}" aria-label="${ifDefined(this.iconAccessibleName)}"><${scopeTag("ui5-icon", tags, suffix)} class="udex-tag__icon udex-tag__icon--end" name="${ifDefined(this.icon)}"></${scopeTag("ui5-icon", tags, suffix)}></button>` : html`<button class="udex-tag__btn-icon" @click="${this.iconClickHandler}" role="${ifDefined(this.accessibleRole)}" aria-label="${ifDefined(this.iconAccessibleName)}"><ui5-icon class="udex-tag__icon udex-tag__icon--end" name="${ifDefined(this.icon)}"></ui5-icon></button>`;}
18
- function block10 (this: Tag, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<div tabindex="${ifDefined(this._tabIndex)}" class="${ifDefined(this.tagClasses)}" @click="${this.tagClickHandler}" @focusin="${this._focusin}" @focusout="${this._focusout}" @keydown="${this.tagKeyDown}" role="${ifDefined(this.accessibleRole)}" aria-label="${ifDefined(this.accessibleName)}" aria-pressed="${ifDefined(this.selected)}">${ this.startIcon ? block11.call(this, context, tags, suffix) : undefined }<span class="udex-tag__text">${unsafeHTML(this.text)}</span>${ this.endIcon ? block12.call(this, context, tags, suffix) : undefined }</div>`;}
19
- function block11 (this: Tag, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<${scopeTag("ui5-icon", tags, suffix)} class="udex-tag__icon udex-tag__icon--start" name="${ifDefined(this.icon)}" @click="${this.iconClickHandler}"></${scopeTag("ui5-icon", tags, suffix)}>` : html`<ui5-icon class="udex-tag__icon udex-tag__icon--start" name="${ifDefined(this.icon)}" @click="${this.iconClickHandler}"></ui5-icon>`;}
20
- function block12 (this: Tag, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<${scopeTag("ui5-icon", tags, suffix)} class="udex-tag__icon udex-tag__icon--end" name="${ifDefined(this.icon)}" @click="${this.iconClickHandler}"></${scopeTag("ui5-icon", tags, suffix)}>` : html`<ui5-icon class="udex-tag__icon udex-tag__icon--end" name="${ifDefined(this.icon)}" @click="${this.iconClickHandler}"></ui5-icon>`;}
21
-
22
- function template(this: Tag) { return block0.call(this, this, (this.constructor as typeof UI5Element).tagsToScope, getCustomElementsScopingSuffix()); }
23
- export default template;