@carbon/ibmdotcom-web-components 2.15.0 → 2.16.0-rc.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 (91) hide show
  1. package/custom-elements.json +291 -9
  2. package/dist/dotcom-shell.js +2 -2
  3. package/dist/dotcom-shell.min.js +2 -2
  4. package/dist/ibmdotcom-web-components-dotcom-shell.js +2 -2
  5. package/dist/ibmdotcom-web-components-dotcom-shell.min.js +2 -2
  6. package/dist/{index-fd263a6c.js → index-6ab416ae.js} +6 -6
  7. package/dist/{index-8ac13d28.js → index-6f798488.js} +21 -10
  8. package/dist/{left-nav-menu-76323b8e.js → left-nav-menu-40ebffa9.js} +2 -2
  9. package/dist/{left-nav-menu-02760d33.js → left-nav-menu-629e7752.js} +2 -2
  10. package/dist/{left-nav-menu-category-heading-dca365b2.js → left-nav-menu-category-heading-1886967e.js} +2 -2
  11. package/dist/{left-nav-menu-category-heading-93c6f364.js → left-nav-menu-category-heading-1d965e0a.js} +2 -2
  12. package/dist/{left-nav-menu-item-e27ed87c.js → left-nav-menu-item-03cf8244.js} +2 -2
  13. package/dist/{left-nav-menu-item-218ef600.js → left-nav-menu-item-a9c7113f.js} +2 -2
  14. package/dist/{left-nav-menu-section-c5e510a9.js → left-nav-menu-section-c39512a8.js} +2 -2
  15. package/dist/{left-nav-menu-section-5abc2e23.js → left-nav-menu-section-e9526c5a.js} +2 -2
  16. package/dist/{left-nav-overlay-75300893.js → left-nav-overlay-59e8851e.js} +2 -2
  17. package/dist/{left-nav-overlay-5b0bfef2.js → left-nav-overlay-60a5eead.js} +2 -2
  18. package/dist/{megamenu-category-group-1943cfb9.js → megamenu-category-group-60d3805b.js} +2 -2
  19. package/dist/{megamenu-category-group-copy-cc3cf7e0.js → megamenu-category-group-copy-46df540c.js} +2 -2
  20. package/dist/{megamenu-category-group-copy-9e779f84.js → megamenu-category-group-copy-6ae3dfe8.js} +2 -2
  21. package/dist/{megamenu-category-group-aa873786.js → megamenu-category-group-e191e806.js} +2 -2
  22. package/dist/{megamenu-category-heading-f1723f28.js → megamenu-category-heading-420838f8.js} +2 -2
  23. package/dist/{megamenu-category-heading-0363175e.js → megamenu-category-heading-4b2d5ba1.js} +2 -2
  24. package/dist/{megamenu-category-link-653a7d76.js → megamenu-category-link-e5f8c975.js} +6 -6
  25. package/dist/{megamenu-category-link-5b370505.js → megamenu-category-link-ef739901.js} +2 -2
  26. package/dist/{megamenu-category-link-group-cc2f0cf0.js → megamenu-category-link-group-90b667c2.js} +2 -2
  27. package/dist/{megamenu-category-link-group-8a159720.js → megamenu-category-link-group-a85ef70e.js} +2 -2
  28. package/dist/{megamenu-left-navigation-c14cb952.js → megamenu-left-navigation-0a188f17.js} +2 -2
  29. package/dist/{megamenu-left-navigation-02c861d4.js → megamenu-left-navigation-d3619fc8.js} +2 -2
  30. package/dist/{megamenu-overlay-dacdd21f.js → megamenu-overlay-73bf0741.js} +2 -2
  31. package/dist/{megamenu-overlay-160fa18a.js → megamenu-overlay-98b82923.js} +2 -2
  32. package/dist/{megamenu-tab-ba249255.js → megamenu-tab-320d3677.js} +7 -7
  33. package/dist/{megamenu-tab-131eedb9.js → megamenu-tab-63b4d4a8.js} +15 -20
  34. package/es/components/back-to-top/__stories__/back-to-top.stories.css.js +1 -1
  35. package/es/components/countdown/countdown.d.ts +406 -0
  36. package/es/components/countdown/countdown.js +269 -0
  37. package/es/components/countdown/countdown.js.map +1 -0
  38. package/es/components/countdown/index.d.ts +11 -0
  39. package/es/components/countdown/index.js +18 -0
  40. package/es/components/countdown/index.js.map +1 -0
  41. package/es/components/leadspace/leadspace.css.js +1 -1
  42. package/es/components/masthead/masthead-cart.js +1 -1
  43. package/es/components/masthead/masthead-cart.js.map +1 -1
  44. package/es/components/masthead/masthead-l1.js +11 -1
  45. package/es/components/masthead/masthead-l1.js.map +1 -1
  46. package/es/components/masthead/megamenu-tab.d.ts +1 -5
  47. package/es/components/masthead/megamenu-tab.js +10 -16
  48. package/es/components/masthead/megamenu-tab.js.map +1 -1
  49. package/es/components/pricing-table/pricing-table.css.js +1 -1
  50. package/es/components/promo-banner/index.d.ts +11 -0
  51. package/es/components/promo-banner/index.js +18 -0
  52. package/es/components/promo-banner/index.js.map +1 -0
  53. package/es/components/promo-banner/promo-banner.css.js +12 -0
  54. package/es/components/promo-banner/promo-banner.d.ts +385 -0
  55. package/es/components/promo-banner/promo-banner.js +216 -0
  56. package/es/components/promo-banner/promo-banner.js.map +1 -0
  57. package/es/components/star-rating/index.d.ts +11 -0
  58. package/es/components/star-rating/index.js +18 -0
  59. package/es/components/star-rating/index.js.map +1 -0
  60. package/es/components/star-rating/star-rating.css.js +12 -0
  61. package/es/components/star-rating/star-rating.d.ts +427 -0
  62. package/es/components/star-rating/star-rating.js +320 -0
  63. package/es/components/star-rating/star-rating.js.map +1 -0
  64. package/es/components/structured-list/structured-list-cell.d.ts +2 -0
  65. package/es/components/structured-list/structured-list-cell.js +13 -4
  66. package/es/components/structured-list/structured-list-cell.js.map +1 -1
  67. package/es/components/structured-list/structured-list.css.js +1 -1
  68. package/es/components/table-of-contents/table-of-contents-cdn.css.js +1 -1
  69. package/es/components/table-of-contents/table-of-contents.css.js +1 -1
  70. package/es/components/tile/index.d.ts +12 -0
  71. package/es/components/tile/index.js +19 -0
  72. package/es/components/tile/index.js.map +1 -0
  73. package/es/components/tile/tile-group.d.ts +21 -0
  74. package/es/components/tile/tile-group.js +56 -0
  75. package/es/components/tile/tile-group.js.map +1 -0
  76. package/es/components/tile/tile.css.js +12 -0
  77. package/es/components/tile/tile.d.ts +737 -0
  78. package/es/components/tile/tile.js +225 -0
  79. package/es/components/tile/tile.js.map +1 -0
  80. package/es/components-react/structured-list/structured-list-cell.d.ts +2 -0
  81. package/es/globals/internal/storybook-decorators.d.ts +31 -0
  82. package/es/globals/internal/storybook-decorators.js +43 -0
  83. package/es/globals/internal/storybook-decorators.js.map +1 -0
  84. package/es/globals/mixins/throttled-input.js +5 -4
  85. package/es/globals/mixins/throttled-input.js.map +1 -1
  86. package/es/internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings.js +2 -2
  87. package/lib/internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings.js +2 -2
  88. package/package.json +8 -7
  89. package/scss/components/promo-banner/promo-banner.scss +163 -0
  90. package/scss/components/star-rating/star-rating.scss +76 -0
  91. package/scss/components/tile/tile.scss +290 -0
@@ -0,0 +1,320 @@
1
+ import _decorate from "@babel/runtime/helpers/esm/decorate";
2
+ let _ = t => t,
3
+ _t,
4
+ _t2,
5
+ _t3,
6
+ _t4,
7
+ _t5,
8
+ _t6;
9
+ /**
10
+ * @license
11
+ *
12
+ * Copyright IBM Corp. 2020, 2024
13
+ *
14
+ * This source code is licensed under the Apache-2.0 license found in the
15
+ * LICENSE file in the root directory of this source tree.
16
+ */
17
+
18
+ import { html, LitElement } from 'lit';
19
+ import { property } from 'lit/decorators.js';
20
+ import '@carbon/web-components/es/components/tooltip/tooltip.js';
21
+ import { carbonElement as customElement } from '@carbon/web-components/es/globals/decorators/carbon-element.js';
22
+ import Star16 from '@carbon/web-components/es/icons/star/16.js';
23
+ import StarHalf16 from '@carbon/web-components/es/icons/star--half/16.js';
24
+ import StarFilled16 from '@carbon/web-components/es/icons/star--filled/16.js';
25
+ import styles from "././star-rating.css.js";
26
+ import StableSelectorMixin from "../../globals/mixins/stable-selector.js";
27
+ import settings from '@carbon/ibmdotcom-utilities/es/utilities/settings/settings.js';
28
+ const {
29
+ stablePrefix: c4dPrefix,
30
+ prefix
31
+ } = settings;
32
+
33
+ /**
34
+ * The Star Rating component.
35
+ * @element c4d-star-rating
36
+ */
37
+ let C4DStarRating = _decorate([customElement(`${c4dPrefix}-star-rating`)], function (_initialize, _StableSelectorMixin) {
38
+ class C4DStarRating extends _StableSelectorMixin {
39
+ constructor(...args) {
40
+ super(...args);
41
+ _initialize(this);
42
+ }
43
+ }
44
+ return {
45
+ F: C4DStarRating,
46
+ d: [{
47
+ kind: "field",
48
+ key: "maxStarCount",
49
+ value() {
50
+ return 10;
51
+ }
52
+ }, {
53
+ kind: "field",
54
+ key: "_rating",
55
+ value() {
56
+ return 0;
57
+ }
58
+ }, {
59
+ kind: "field",
60
+ key: "_starCount",
61
+ value() {
62
+ return 5;
63
+ }
64
+ }, {
65
+ kind: "field",
66
+ key: "_tooltip",
67
+ value() {
68
+ return null;
69
+ }
70
+ }, {
71
+ kind: "set",
72
+ decorators: [property({
73
+ attribute: 'rating',
74
+ reflect: true,
75
+ type: Number
76
+ })],
77
+ key: "rating",
78
+ value:
79
+ /**
80
+ * Maximum number of stars that may be in a rating.
81
+ */
82
+
83
+ /**
84
+ * Internal store for rating value.
85
+ */
86
+
87
+ /**
88
+ * Internal store for star count value.
89
+ */
90
+
91
+ /**
92
+ * Internal store for custom tooltip text.
93
+ */
94
+
95
+ /**
96
+ * The rating that will inform the number of stars to display.
97
+ */
98
+ function (value) {
99
+ const oldValue = this._rating;
100
+ // Place boundaries to avoid out-of-memory issues.
101
+ this._rating = Math.min(Math.max(value, 0), this.starCount);
102
+ this.requestUpdate('rating', oldValue);
103
+ }
104
+ }, {
105
+ kind: "get",
106
+ key: "rating",
107
+ value: function () {
108
+ return this._rating;
109
+ }
110
+
111
+ /**
112
+ * The text to display beside the rating.
113
+ */
114
+ }, {
115
+ kind: "field",
116
+ decorators: [property({
117
+ attribute: 'label',
118
+ reflect: true
119
+ })],
120
+ key: "label",
121
+ value: void 0
122
+ }, {
123
+ kind: "field",
124
+ decorators: [property({
125
+ attribute: 'label-href',
126
+ reflect: true
127
+ })],
128
+ key: "labelHref",
129
+ value: void 0
130
+ }, {
131
+ kind: "set",
132
+ decorators: [property({
133
+ attribute: 'star-count',
134
+ reflect: true,
135
+ type: Number
136
+ })],
137
+ key: "starCount",
138
+ value:
139
+ /**
140
+ * An optional href for the label.
141
+ */
142
+ /**
143
+ * The number of stars to display.
144
+ */
145
+ function (value) {
146
+ const oldValue = this._starCount;
147
+ // Place boundaries to avoid out-of-memory issues.
148
+ this._starCount = Math.min(Math.max(value, 0), this.maxStarCount);
149
+ this.requestUpdate('starCount', oldValue);
150
+ }
151
+ }, {
152
+ kind: "get",
153
+ key: "starCount",
154
+ value: function () {
155
+ return this._starCount;
156
+ }
157
+
158
+ /**
159
+ * The tooltip text that appears when hovering over the stars. Also used as an
160
+ * accessible label for the stars.
161
+ */
162
+ }, {
163
+ kind: "set",
164
+ decorators: [property({
165
+ attribute: 'tooltip',
166
+ reflect: true
167
+ })],
168
+ key: "tooltip",
169
+ value: function (value) {
170
+ const oldValue = this._tooltip;
171
+ this._tooltip = value;
172
+ this.requestUpdate('tooltip', oldValue);
173
+ }
174
+ }, {
175
+ kind: "get",
176
+ key: "tooltip",
177
+ value: function () {
178
+ return !this._tooltip ? `${this.rating} out of ${this.starCount} stars` : this._tooltip;
179
+ }
180
+
181
+ /**
182
+ * Disables the visible tooltip without removing accessibility text.
183
+ */
184
+ }, {
185
+ kind: "field",
186
+ decorators: [property({
187
+ reflect: true,
188
+ type: Boolean
189
+ })],
190
+ key: "disableTooltip",
191
+ value() {
192
+ return false;
193
+ }
194
+ }, {
195
+ kind: "method",
196
+ key: "_renderLabel",
197
+ value:
198
+ /**
199
+ * Renders the label.
200
+ *
201
+ * @returns {TemplateResult} A template fragment representing the label.
202
+ */
203
+ function _renderLabel() {
204
+ const {
205
+ label,
206
+ labelHref
207
+ } = this;
208
+ if (!label) {
209
+ return '';
210
+ }
211
+ return html(_t || (_t = _`
212
+ <div class="${0}-star-rating__label" part="label">
213
+ ${0}
214
+ </div>
215
+ `), prefix, labelHref ? html(_t2 || (_t2 = _` <a href="${0}">${0}</a> `), labelHref, label) : label);
216
+ }
217
+
218
+ /**
219
+ * Renders the rating as a series of stars.
220
+ *
221
+ * @returns {TemplateResult} A template fragment representing a series of stars.
222
+ */
223
+ }, {
224
+ kind: "method",
225
+ key: "_renderStars",
226
+ value: function _renderStars() {
227
+ const {
228
+ disableTooltip,
229
+ tooltip,
230
+ rating,
231
+ starCount
232
+ } = this;
233
+ const {
234
+ renderStar
235
+ } = this.constructor;
236
+ const integer = Math.floor(rating);
237
+ const decimal = rating - integer;
238
+ const fillValues = Array(starCount).fill(1, 0, integer).fill(0, integer, starCount);
239
+ if (decimal) {
240
+ fillValues[integer] = decimal;
241
+ }
242
+ return html(_t3 || (_t3 = _`
243
+ <figure
244
+ aria-label="${0}"
245
+ class="${0}-star-rating__stars"
246
+ ?disableTooltip="${0}"
247
+ part="stars">
248
+ ${0}
249
+ </figure>
250
+ `), tooltip, prefix, disableTooltip, fillValues.map(fillValue => renderStar(fillValue)));
251
+ }
252
+ }, {
253
+ kind: "method",
254
+ key: "shouldUpdate",
255
+ value: function shouldUpdate() {
256
+ if (isNaN(this.rating) || isNaN(this.starCount)) {
257
+ return false;
258
+ }
259
+ return true;
260
+ }
261
+ }, {
262
+ kind: "method",
263
+ key: "render",
264
+ value: function render() {
265
+ return html(_t4 || (_t4 = _`
266
+ <div class="${0}-star-rating" part="wrapper">
267
+ ${0} ${0}
268
+ </div>
269
+ `), prefix, this._renderStars(), this._renderLabel());
270
+ }
271
+
272
+ /**
273
+ * Renders an individual star at a given fill value.
274
+ *
275
+ * @param {number} fill The star's fill value.
276
+ * @returns {TemplateResult} A template fragment representing a single star.
277
+ */
278
+ }, {
279
+ kind: "method",
280
+ static: true,
281
+ key: "renderStar",
282
+ value: function renderStar(fill) {
283
+ let markup, classModifier;
284
+ if (fill >= 0.75) {
285
+ markup = StarFilled16();
286
+ classModifier = 'filled';
287
+ } else if (fill >= 0.25) {
288
+ markup = html(_t5 || (_t5 = _` ${0}${0} `), Star16(), StarHalf16());
289
+ classModifier = 'half';
290
+ } else {
291
+ markup = Star16();
292
+ classModifier = 'empty';
293
+ }
294
+ return html(_t6 || (_t6 = _`
295
+ <div
296
+ class="${0}-star-count__star ${0}-star-count__star--${0}"
297
+ part="star">
298
+ ${0}
299
+ </div>
300
+ `), prefix, prefix, classModifier, markup);
301
+ }
302
+ }, {
303
+ kind: "get",
304
+ static: true,
305
+ key: "stableSelector",
306
+ value: function () {
307
+ return `${c4dPrefix}--star-rating`;
308
+ }
309
+ }, {
310
+ kind: "field",
311
+ static: true,
312
+ key: "styles",
313
+ value() {
314
+ return styles;
315
+ }
316
+ }]
317
+ };
318
+ }, StableSelectorMixin(LitElement));
319
+ export default C4DStarRating;
320
+ //# sourceMappingURL=star-rating.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"star-rating.js","names":["html","LitElement","property","carbonElement","customElement","Star16","StarHalf16","StarFilled16","styles","StableSelectorMixin","settings","stablePrefix","c4dPrefix","prefix","C4DStarRating","_decorate","_initialize","_StableSelectorMixin","constructor","args","F","d","kind","key","value","decorators","attribute","reflect","type","Number","oldValue","_rating","Math","min","max","starCount","requestUpdate","_starCount","maxStarCount","_tooltip","rating","Boolean","_renderLabel","label","labelHref","_t","_","_t2","_renderStars","disableTooltip","tooltip","renderStar","integer","floor","decimal","fillValues","Array","fill","_t3","map","fillValue","shouldUpdate","isNaN","render","_t4","static","markup","classModifier","_t5","_t6"],"sources":["components/star-rating/star-rating.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2020, 2024\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { html, LitElement } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport '@carbon/web-components/es/components/tooltip/tooltip.js';\nimport { carbonElement as customElement } from '@carbon/web-components/es/globals/decorators/carbon-element.js';\nimport Star16 from '@carbon/web-components/es/icons/star/16.js';\nimport StarHalf16 from '@carbon/web-components/es/icons/star--half/16.js';\nimport StarFilled16 from '@carbon/web-components/es/icons/star--filled/16.js';\nimport styles from './star-rating.scss';\nimport StableSelectorMixin from '../../globals/mixins/stable-selector';\nimport settings from '@carbon/ibmdotcom-utilities/es/utilities/settings/settings.js';\n\nconst { stablePrefix: c4dPrefix, prefix } = settings;\n\n/**\n * The Star Rating component.\n * @element c4d-star-rating\n */\n@customElement(`${c4dPrefix}-star-rating`)\nclass C4DStarRating extends StableSelectorMixin(LitElement) {\n /**\n * Maximum number of stars that may be in a rating.\n */\n protected maxStarCount = 10;\n\n /**\n * Internal store for rating value.\n */\n private _rating = 0;\n\n /**\n * Internal store for star count value.\n */\n private _starCount = 5;\n\n /**\n * Internal store for custom tooltip text.\n */\n private _tooltip: string | null = null;\n\n /**\n * The rating that will inform the number of stars to display.\n */\n @property({ attribute: 'rating', reflect: true, type: Number })\n set rating(value: number) {\n const oldValue = this._rating;\n // Place boundaries to avoid out-of-memory issues.\n this._rating = Math.min(Math.max(value, 0), this.starCount);\n this.requestUpdate('rating', oldValue);\n }\n get rating() {\n return this._rating;\n }\n\n /**\n * The text to display beside the rating.\n */\n @property({ attribute: 'label', reflect: true })\n label?: string;\n\n /**\n * An optional href for the label.\n */\n @property({ attribute: 'label-href', reflect: true })\n labelHref?: string;\n\n /**\n * The number of stars to display.\n */\n @property({ attribute: 'star-count', reflect: true, type: Number })\n set starCount(value: number) {\n const oldValue = this._starCount;\n // Place boundaries to avoid out-of-memory issues.\n this._starCount = Math.min(Math.max(value, 0), this.maxStarCount);\n this.requestUpdate('starCount', oldValue);\n }\n get starCount() {\n return this._starCount;\n }\n\n /**\n * The tooltip text that appears when hovering over the stars. Also used as an\n * accessible label for the stars.\n */\n @property({ attribute: 'tooltip', reflect: true })\n set tooltip(value: string | null) {\n const oldValue = this._tooltip;\n this._tooltip = value;\n this.requestUpdate('tooltip', oldValue);\n }\n get tooltip() {\n return !this._tooltip\n ? `${this.rating} out of ${this.starCount} stars`\n : this._tooltip;\n }\n\n /**\n * Disables the visible tooltip without removing accessibility text.\n */\n @property({ reflect: true, type: Boolean })\n disableTooltip = false;\n\n /**\n * Renders the label.\n *\n * @returns {TemplateResult} A template fragment representing the label.\n */\n protected _renderLabel() {\n const { label, labelHref } = this;\n if (!label) {\n return '';\n }\n return html`\n <div class=\"${prefix}-star-rating__label\" part=\"label\">\n ${labelHref ? html` <a href=\"${labelHref}\">${label}</a> ` : label}\n </div>\n `;\n }\n\n /**\n * Renders the rating as a series of stars.\n *\n * @returns {TemplateResult} A template fragment representing a series of stars.\n */\n protected _renderStars() {\n const { disableTooltip, tooltip, rating, starCount } = this;\n const { renderStar } = this.constructor as typeof C4DStarRating;\n const integer = Math.floor(rating);\n const decimal = rating - integer;\n\n const fillValues = Array(starCount)\n .fill(1, 0, integer)\n .fill(0, integer, starCount);\n\n if (decimal) {\n fillValues[integer] = decimal;\n }\n\n return html`\n <figure\n aria-label=\"${tooltip}\"\n class=\"${prefix}-star-rating__stars\"\n ?disableTooltip=\"${disableTooltip}\"\n part=\"stars\">\n ${fillValues.map((fillValue) => renderStar(fillValue))}\n </figure>\n `;\n }\n\n shouldUpdate() {\n if (isNaN(this.rating) || isNaN(this.starCount)) {\n return false;\n }\n return true;\n }\n\n render() {\n return html`\n <div class=\"${prefix}-star-rating\" part=\"wrapper\">\n ${this._renderStars()} ${this._renderLabel()}\n </div>\n `;\n }\n\n /**\n * Renders an individual star at a given fill value.\n *\n * @param {number} fill The star's fill value.\n * @returns {TemplateResult} A template fragment representing a single star.\n */\n static renderStar(fill) {\n let markup, classModifier;\n if (fill >= 0.75) {\n markup = StarFilled16();\n classModifier = 'filled';\n } else if (fill >= 0.25) {\n markup = html` ${Star16()}${StarHalf16()} `;\n classModifier = 'half';\n } else {\n markup = Star16();\n classModifier = 'empty';\n }\n return html`\n <div\n class=\"${prefix}-star-count__star ${prefix}-star-count__star--${classModifier}\"\n part=\"star\">\n ${markup}\n </div>\n `;\n }\n\n static get stableSelector() {\n return `${c4dPrefix}--star-rating`;\n }\n\n static styles = styles;\n}\n\nexport default C4DStarRating;\n"],"mappings":"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","ignoreList":[]}
@@ -12,9 +12,11 @@ import C4DStructuredListGroup from './structured-list-group';
12
12
  * StructuredListCell
13
13
  *
14
14
  * @element c4d-structured-list-cell
15
+ * @csspart icon-text-container - Text wrapping element. Usage `c4d-structured-list-cell::part(icon-text)`
15
16
  * @csspart icon-text - Descriptive text of the cell. Usage `c4d-structured-list-cell::part(icon-text)`
16
17
  * @csspart tag - Tags of the cell. Usage `c4d-structured-list-cell::part(tag)`
17
18
  * @csspart icon - An icon. Usage `c4d-structured-list-cell::part(icon)`
19
+ * @csspart tooltip - CDSTooltip. Usage `c4d-structured-list-cell::part(icon)`
18
20
  */
19
21
  declare class C4DStructuredListCell extends CDSStructuredListCell {
20
22
  parentGroup: C4DStructuredListGroup | null;
@@ -21,6 +21,7 @@ function _superPropGet(t, e, r, o) { var p = _get(_getPrototypeOf(1 & o ? t.prot
21
21
  import CDSStructuredListCell from '@carbon/web-components/es/components/structured-list/structured-list-cell.js';
22
22
  import { html } from 'lit';
23
23
  import { property } from 'lit/decorators.js';
24
+ import { ifDefined } from 'lit/directives/if-defined.js';
24
25
  import Info16 from '@carbon/web-components/es/icons/information/16.js';
25
26
  import Checkmark20 from '@carbon/web-components/es/icons/checkmark/20.js';
26
27
  import Error20 from '@carbon/web-components/es/icons/error/20.js';
@@ -36,9 +37,11 @@ const {
36
37
  * StructuredListCell
37
38
  *
38
39
  * @element c4d-structured-list-cell
40
+ * @csspart icon-text-container - Text wrapping element. Usage `c4d-structured-list-cell::part(icon-text)`
39
41
  * @csspart icon-text - Descriptive text of the cell. Usage `c4d-structured-list-cell::part(icon-text)`
40
42
  * @csspart tag - Tags of the cell. Usage `c4d-structured-list-cell::part(tag)`
41
43
  * @csspart icon - An icon. Usage `c4d-structured-list-cell::part(icon)`
44
+ * @csspart tooltip - CDSTooltip. Usage `c4d-structured-list-cell::part(icon)`
42
45
  */
43
46
  let C4DStructuredListCell = _decorate([customElement(`${c4dPrefix}-structured-list-cell`)], function (_initialize, _CDSStructuredListCel) {
44
47
  class C4DStructuredListCell extends _CDSStructuredListCel {
@@ -112,10 +115,16 @@ let C4DStructuredListCell = _decorate([customElement(`${c4dPrefix}-structured-li
112
115
  icon,
113
116
  _iconsAllowed: iconMap
114
117
  } = this;
115
- return html(_t || (_t = _`${0}
118
+ return html(_t || (_t = _` <div
119
+ class="${0}--structured-list-cell-icon-text-container"
120
+ part="icon-text-container">
121
+ ${0}
116
122
  <span class="${0}--structured-list-cell-icon-text" part="icon-text">
117
123
  <slot></slot>
118
- </span>`), iconMap[icon.toLowerCase()].call(), prefix);
124
+ </span>
125
+ </div>`), prefix, iconMap[icon.toLowerCase()].call(null, {
126
+ part: 'icon'
127
+ }), prefix);
119
128
  }
120
129
  }, {
121
130
  kind: "method",
@@ -139,13 +148,13 @@ let C4DStructuredListCell = _decorate([customElement(`${c4dPrefix}-structured-li
139
148
  } = this;
140
149
  return html(_t4 || (_t4 = _`
141
150
  <cds-tooltip-icon
142
- part="icon"
151
+ part="tooltip"
143
152
  alignment="start"
144
153
  body-text="${0}"
145
154
  direction="right">
146
155
  ${0}
147
156
  </cds-tooltip-icon>
148
- `), tooltip, Info16());
157
+ `), ifDefined(tooltip), Info16());
149
158
  }
150
159
  }, {
151
160
  kind: "method",
@@ -1 +1 @@
1
- {"version":3,"file":"structured-list-cell.js","names":["CDSStructuredListCell","html","property","Info16","Checkmark20","Error20","settings","styles","carbonElement","customElement","prefix","stablePrefix","c4dPrefix","C4DStructuredListCell","_decorate","_initialize","_CDSStructuredListCel","constructor","args","F","d","kind","key","value","closest","decorators","attribute","reflect","checkmark","error","connectedCallback","_this$parentGroup","_superPropGet","groupLabel","parentGroup","groupTitle","_renderIcon","icon","_iconsAllowed","iconMap","_t","_","toLowerCase","call","_renderTags","tags","_t2","split","map","tag","_t3","trim","_renderTooltip","tooltipText","tooltip","_t4","render","iconsAllowed","Object","keys","includes","_t5","_t6","static"],"sources":["components/structured-list/structured-list-cell.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2020, 2024\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport CDSStructuredListCell from '@carbon/web-components/es/components/structured-list/structured-list-cell.js';\nimport { html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport Info16 from '@carbon/web-components/es/icons/information/16.js';\nimport Checkmark20 from '@carbon/web-components/es/icons/checkmark/20.js';\nimport Error20 from '@carbon/web-components/es/icons/error/20.js';\nimport settings from '@carbon/ibmdotcom-utilities/es/utilities/settings/settings.js';\nimport C4DStructuredListGroup from './structured-list-group';\nimport styles from './structured-list.scss';\nimport { carbonElement as customElement } from '@carbon/web-components/es/globals/decorators/carbon-element.js';\n\nconst { prefix, stablePrefix: c4dPrefix } = settings;\n\n/**\n * StructuredListCell\n *\n * @element c4d-structured-list-cell\n * @csspart icon-text - Descriptive text of the cell. Usage `c4d-structured-list-cell::part(icon-text)`\n * @csspart tag - Tags of the cell. Usage `c4d-structured-list-cell::part(tag)`\n * @csspart icon - An icon. Usage `c4d-structured-list-cell::part(icon)`\n */\n@customElement(`${c4dPrefix}-structured-list-cell`)\nclass C4DStructuredListCell extends CDSStructuredListCell {\n parentGroup: C4DStructuredListGroup | null = this.closest(\n `${c4dPrefix}-structured-list-group`\n );\n\n @property({ attribute: 'aria-label', reflect: true })\n groupLabel?: string;\n\n @property({ attribute: 'tooltip', reflect: true })\n tooltipText?: string;\n\n @property({ attribute: 'icon', reflect: true })\n icon?: string;\n\n private _iconsAllowed = {\n checkmark: Checkmark20,\n error: Error20,\n };\n\n @property({ attribute: 'tags', reflect: true })\n tags?: string;\n\n connectedCallback() {\n super.connectedCallback();\n this.groupLabel = this.parentGroup?.groupTitle;\n }\n\n private _renderIcon() {\n const { icon, _iconsAllowed: iconMap } = this;\n\n return html`${iconMap[icon!.toLowerCase()].call()}\n <span class=\"${prefix}--structured-list-cell-icon-text\" part=\"icon-text\">\n <slot></slot>\n </span>`;\n }\n\n private _renderTags() {\n const { tags } = this;\n\n return html`\n ${tags!\n .split(',')\n .map(\n (tag) =>\n html`\n <cds-tag part=\"tag\" size=\"sm\" type=\"green\">${tag.trim()}</cds-tag>\n `\n )}\n `;\n }\n\n private _renderTooltip() {\n const { tooltipText: tooltip } = this;\n\n return html`\n <cds-tooltip-icon\n part=\"icon\"\n alignment=\"start\"\n body-text=\"${tooltip}\"\n direction=\"right\">\n ${Info16()}\n </cds-tooltip-icon>\n `;\n }\n\n render() {\n const {\n tooltipText: tooltip,\n icon,\n _iconsAllowed: iconsAllowed,\n tags,\n } = this;\n\n if (icon && Object.keys(iconsAllowed).includes(icon.toLowerCase())) {\n return html` ${this._renderIcon()} `;\n }\n\n return html`\n ${super.render()} ${tags ? this._renderTags() : ''}\n ${tooltip ? this._renderTooltip() : ''}\n `;\n }\n\n static styles = styles;\n}\n\n/* @__GENERATE_REACT_CUSTOM_ELEMENT_TYPE__ */\nexport default C4DStructuredListCell;\n"],"mappings":"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","ignoreList":[]}
1
+ {"version":3,"file":"structured-list-cell.js","names":["CDSStructuredListCell","html","property","ifDefined","Info16","Checkmark20","Error20","settings","styles","carbonElement","customElement","prefix","stablePrefix","c4dPrefix","C4DStructuredListCell","_decorate","_initialize","_CDSStructuredListCel","constructor","args","F","d","kind","key","value","closest","decorators","attribute","reflect","checkmark","error","connectedCallback","_this$parentGroup","_superPropGet","groupLabel","parentGroup","groupTitle","_renderIcon","icon","_iconsAllowed","iconMap","_t","_","toLowerCase","call","part","_renderTags","tags","_t2","split","map","tag","_t3","trim","_renderTooltip","tooltipText","tooltip","_t4","render","iconsAllowed","Object","keys","includes","_t5","_t6","static"],"sources":["components/structured-list/structured-list-cell.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2020, 2024\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport CDSStructuredListCell from '@carbon/web-components/es/components/structured-list/structured-list-cell.js';\nimport { html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport Info16 from '@carbon/web-components/es/icons/information/16.js';\nimport Checkmark20 from '@carbon/web-components/es/icons/checkmark/20.js';\nimport Error20 from '@carbon/web-components/es/icons/error/20.js';\nimport settings from '@carbon/ibmdotcom-utilities/es/utilities/settings/settings.js';\nimport C4DStructuredListGroup from './structured-list-group';\nimport styles from './structured-list.scss';\nimport { carbonElement as customElement } from '@carbon/web-components/es/globals/decorators/carbon-element.js';\n\nconst { prefix, stablePrefix: c4dPrefix } = settings;\n\n/**\n * StructuredListCell\n *\n * @element c4d-structured-list-cell\n * @csspart icon-text-container - Text wrapping element. Usage `c4d-structured-list-cell::part(icon-text)`\n * @csspart icon-text - Descriptive text of the cell. Usage `c4d-structured-list-cell::part(icon-text)`\n * @csspart tag - Tags of the cell. Usage `c4d-structured-list-cell::part(tag)`\n * @csspart icon - An icon. Usage `c4d-structured-list-cell::part(icon)`\n * @csspart tooltip - CDSTooltip. Usage `c4d-structured-list-cell::part(icon)`\n */\n@customElement(`${c4dPrefix}-structured-list-cell`)\nclass C4DStructuredListCell extends CDSStructuredListCell {\n parentGroup: C4DStructuredListGroup | null = this.closest(\n `${c4dPrefix}-structured-list-group`\n );\n\n @property({ attribute: 'aria-label', reflect: true })\n groupLabel?: string;\n\n @property({ attribute: 'tooltip', reflect: true })\n tooltipText?: string;\n\n @property({ attribute: 'icon', reflect: true })\n icon?: string;\n\n private _iconsAllowed = {\n checkmark: Checkmark20,\n error: Error20,\n };\n\n @property({ attribute: 'tags', reflect: true })\n tags?: string;\n\n connectedCallback() {\n super.connectedCallback();\n this.groupLabel = this.parentGroup?.groupTitle;\n }\n\n private _renderIcon() {\n const { icon, _iconsAllowed: iconMap } = this;\n\n return html` <div\n class=\"${prefix}--structured-list-cell-icon-text-container\"\n part=\"icon-text-container\">\n ${iconMap[icon!.toLowerCase()].call(null, { part: 'icon' })}\n <span class=\"${prefix}--structured-list-cell-icon-text\" part=\"icon-text\">\n <slot></slot>\n </span>\n </div>`;\n }\n\n private _renderTags() {\n const { tags } = this;\n\n return html`\n ${tags!\n .split(',')\n .map(\n (tag) =>\n html`\n <cds-tag part=\"tag\" size=\"sm\" type=\"green\">${tag.trim()}</cds-tag>\n `\n )}\n `;\n }\n\n private _renderTooltip() {\n const { tooltipText: tooltip } = this;\n\n return html`\n <cds-tooltip-icon\n part=\"tooltip\"\n alignment=\"start\"\n body-text=\"${ifDefined(tooltip)}\"\n direction=\"right\">\n ${Info16()}\n </cds-tooltip-icon>\n `;\n }\n\n render() {\n const {\n tooltipText: tooltip,\n icon,\n _iconsAllowed: iconsAllowed,\n tags,\n } = this;\n\n if (icon && Object.keys(iconsAllowed).includes(icon.toLowerCase())) {\n return html` ${this._renderIcon()} `;\n }\n\n return html`\n ${super.render()} ${tags ? this._renderTags() : ''}\n ${tooltip ? this._renderTooltip() : ''}\n `;\n }\n\n static styles = styles;\n}\n\n/* @__GENERATE_REACT_CUSTOM_ELEMENT_TYPE__ */\nexport default C4DStructuredListCell;\n"],"mappings":"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","ignoreList":[]}