@carbon/ibmdotcom-web-components 2.40.0 → 2.41.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 (42) hide show
  1. package/custom-elements.json +0 -71
  2. package/dist/dotcom-shell.js +4 -4
  3. package/dist/dotcom-shell.min.js +1 -1
  4. package/dist/ibmdotcom-web-components-dotcom-shell.js +4 -4
  5. package/dist/ibmdotcom-web-components-dotcom-shell.min.js +1 -1
  6. package/dist/{index-02708be7.js → index-1f3f4497.js} +24 -9
  7. package/dist/{index-33241c08.js → index-7d7d3e5f.js} +7 -6
  8. package/dist/{left-nav-menu-e888e045.js → left-nav-menu-192f5044.js} +4 -4
  9. package/dist/{left-nav-menu-category-heading-da34a1b7.js → left-nav-menu-category-heading-b65d6cb3.js} +1 -1
  10. package/dist/{left-nav-menu-category-heading-9a27eefb.js → left-nav-menu-category-heading-fa8431e1.js} +4 -4
  11. package/dist/{left-nav-menu-5c8aabea.js → left-nav-menu-f7b0cddf.js} +1 -1
  12. package/dist/{left-nav-menu-item-737880d0.js → left-nav-menu-item-49459cb7.js} +1 -1
  13. package/dist/{left-nav-menu-item-a069ed96.js → left-nav-menu-item-c94a6480.js} +4 -4
  14. package/dist/{left-nav-menu-section-be1faf80.js → left-nav-menu-section-113f2662.js} +4 -4
  15. package/dist/{left-nav-menu-section-d35749c4.js → left-nav-menu-section-af57c9a9.js} +1 -1
  16. package/dist/{left-nav-overlay-4bc8d7ff.js → left-nav-overlay-23d89a16.js} +4 -4
  17. package/dist/{left-nav-overlay-486dca1a.js → left-nav-overlay-c63830cf.js} +1 -1
  18. package/dist/{megamenu-category-group-cffbffd7.js → megamenu-category-group-647ba24b.js} +1 -1
  19. package/dist/{megamenu-category-group-copy-0fa0805f.js → megamenu-category-group-copy-4372d1de.js} +4 -4
  20. package/dist/{megamenu-category-group-copy-c84e9d5f.js → megamenu-category-group-copy-71e6bfce.js} +1 -1
  21. package/dist/{megamenu-category-group-f1732784.js → megamenu-category-group-eb47b505.js} +4 -4
  22. package/dist/{megamenu-category-heading-2b8a95f5.js → megamenu-category-heading-0c090cd2.js} +4 -4
  23. package/dist/{megamenu-category-heading-2299c816.js → megamenu-category-heading-0ff29ddd.js} +1 -1
  24. package/dist/{megamenu-category-link-9519335d.js → megamenu-category-link-3d22e54f.js} +1 -1
  25. package/dist/{megamenu-category-link-1340f3f6.js → megamenu-category-link-fcd55896.js} +4 -4
  26. package/dist/{megamenu-category-link-group-d5316283.js → megamenu-category-link-group-058cb001.js} +1 -1
  27. package/dist/{megamenu-category-link-group-763d66fc.js → megamenu-category-link-group-f9a3cda2.js} +4 -4
  28. package/dist/{megamenu-left-navigation-738dae88.js → megamenu-left-navigation-aec2e9ef.js} +4 -4
  29. package/dist/{megamenu-left-navigation-eacd9e42.js → megamenu-left-navigation-d16117ea.js} +1 -1
  30. package/dist/{megamenu-overlay-13d81e54.js → megamenu-overlay-8557f7aa.js} +4 -4
  31. package/dist/{megamenu-overlay-3ef27459.js → megamenu-overlay-d5d1505e.js} +1 -1
  32. package/dist/{megamenu-tab-36ea9282.js → megamenu-tab-84664366.js} +4 -4
  33. package/dist/{megamenu-tab-347057ae.js → megamenu-tab-f57f7179.js} +1 -1
  34. package/es/components/card/card.js +1 -1
  35. package/es/components/card/card.js.map +1 -1
  36. package/es/components/card-group/card-group.css.js +1 -1
  37. package/es/components/content-block/content-block.css.js +1 -1
  38. package/es/components/footer/footer.d.ts +7 -1
  39. package/es/components/footer/footer.js +18 -3
  40. package/es/components/footer/footer.js.map +1 -1
  41. package/lib/component-mixins/callout/defs.js +31 -16
  42. package/package.json +7 -7
@@ -11975,77 +11975,6 @@
11975
11975
  }
11976
11976
  ]
11977
11977
  },
11978
- {
11979
- "name": "c4d-footer",
11980
- "path": "./src/components/footer/footer.ts",
11981
- "description": "The top-level element in footer.",
11982
- "attributes": [
11983
- {
11984
- "name": "size",
11985
- "description": "Footer size.",
11986
- "type": "FOOTER_SIZE",
11987
- "default": "\"\""
11988
- },
11989
- {
11990
- "name": "disable-locale-button",
11991
- "description": "Update the CSS selectors depending on the locale button being rendered or not.",
11992
- "type": "boolean",
11993
- "default": "false"
11994
- }
11995
- ],
11996
- "properties": [
11997
- {
11998
- "name": "size",
11999
- "attribute": "size",
12000
- "description": "Footer size.",
12001
- "type": "FOOTER_SIZE",
12002
- "default": "\"\""
12003
- },
12004
- {
12005
- "name": "disableLocaleButton",
12006
- "attribute": "disable-locale-button",
12007
- "description": "Update the CSS selectors depending on the locale button being rendered or not.",
12008
- "type": "boolean",
12009
- "default": "false"
12010
- },
12011
- {
12012
- "name": "styles",
12013
- "default": "\"styles\""
12014
- }
12015
- ],
12016
- "slots": [
12017
- {
12018
- "name": "brand",
12019
- "description": "The brand content."
12020
- },
12021
- {
12022
- "name": "legal-nav",
12023
- "description": "The legal nav content."
12024
- },
12025
- {
12026
- "name": "locale-button",
12027
- "description": "The locale button content."
12028
- }
12029
- ],
12030
- "cssParts": [
12031
- {
12032
- "name": "main-section",
12033
- "description": "The <section> container. Usage: `c4d-footer::part(main-section)`"
12034
- },
12035
- {
12036
- "name": "main-container",
12037
- "description": "The main container. Usage: `c4d-footer::part(main-container)`"
12038
- },
12039
- {
12040
- "name": "logo-container",
12041
- "description": "The logo container. Usage: `c4d-footer::part(logo-container)`"
12042
- },
12043
- {
12044
- "name": "logo-row",
12045
- "description": "The logo row. Usage: `c4d-footer::part(logo-row)`"
12046
- }
12047
- ]
12048
- },
12049
11978
  {
12050
11979
  "name": "c4d-language-selector-desktop",
12051
11980
  "path": "./src/components/footer/language-selector-desktop.ts",
@@ -20,13 +20,13 @@
20
20
  * This source code is licensed under the Apache-2.0 license found in the
21
21
  * LICENSE file in the root directory of this source tree.
22
22
  *
23
- * lit-element:
23
+ * lit-html:
24
24
  *
25
25
  * @license
26
- * Copyright 2017 Google LLC
26
+ * Copyright 2022 Google LLC
27
27
  * SPDX-License-Identifier: BSD-3-Clause
28
28
  *
29
- * lit-html:
29
+ * lit-element:
30
30
  *
31
31
  * @license
32
32
  * Copyright 2017 Google LLC
@@ -88,4 +88,4 @@
88
88
  */
89
89
 
90
90
  let process = { env: {} };
91
- import './index-02708be7.js';
91
+ import './index-1f3f4497.js';
@@ -87,4 +87,4 @@
87
87
  * https://www.npmjs.com/package/striptags
88
88
  */
89
89
 
90
- import"./index-33241c08.js";
90
+ import"./index-7d7d3e5f.js";
@@ -20,13 +20,13 @@
20
20
  * This source code is licensed under the Apache-2.0 license found in the
21
21
  * LICENSE file in the root directory of this source tree.
22
22
  *
23
- * lit-element:
23
+ * lit-html:
24
24
  *
25
25
  * @license
26
- * Copyright 2017 Google LLC
26
+ * Copyright 2022 Google LLC
27
27
  * SPDX-License-Identifier: BSD-3-Clause
28
28
  *
29
- * lit-html:
29
+ * lit-element:
30
30
  *
31
31
  * @license
32
32
  * Copyright 2017 Google LLC
@@ -88,4 +88,4 @@
88
88
  */
89
89
 
90
90
  let process = { env: {} };
91
- import './index-02708be7.js';
91
+ import './index-1f3f4497.js';
@@ -87,4 +87,4 @@
87
87
  * https://www.npmjs.com/package/striptags
88
88
  */
89
89
 
90
- import"./index-33241c08.js";
90
+ import"./index-7d7d3e5f.js";
@@ -20,13 +20,13 @@
20
20
  * This source code is licensed under the Apache-2.0 license found in the
21
21
  * LICENSE file in the root directory of this source tree.
22
22
  *
23
- * lit-element:
23
+ * lit-html:
24
24
  *
25
25
  * @license
26
- * Copyright 2017 Google LLC
26
+ * Copyright 2022 Google LLC
27
27
  * SPDX-License-Identifier: BSD-3-Clause
28
28
  *
29
- * lit-html:
29
+ * lit-element:
30
30
  *
31
31
  * @license
32
32
  * Copyright 2017 Google LLC
@@ -12072,6 +12072,11 @@ const {
12072
12072
  * @csspart logo-row - The logo row. Usage: `c4d-footer::part(logo-row)`
12073
12073
  * @slot brand - The brand content.
12074
12074
  * @slot legal-nav - The legal nav content.
12075
+ */
12076
+
12077
+ /**
12078
+ * @deprecated Locale button is deprecated and no longer rendered.
12079
+ * This slot is kept temporarily for backward compatibility.
12075
12080
  * @slot locale-button - The locale button content.
12076
12081
  */
12077
12082
  _decorate$$([carbonElement(`${c4dPrefix$$}-footer`)], function (_initialize, _StableSelectorMixin) {
@@ -12111,7 +12116,8 @@ _decorate$$([carbonElement(`${c4dPrefix$$}-footer`)], function (_initialize, _St
12111
12116
  */
12112
12117
 
12113
12118
  /**
12114
- * Update the CSS selectors depending on the locale button being rendered or not.
12119
+ * @deprecated Locale button is deprecated and no longer rendered.
12120
+ * This property will be removed in a future major release.
12115
12121
  */
12116
12122
 
12117
12123
  function connectedCallback() {
@@ -12138,8 +12144,9 @@ _decorate$$([carbonElement(`${c4dPrefix$$}-footer`)], function (_initialize, _St
12138
12144
  <div part="logo-container" class=${0}>
12139
12145
  <div part="logo-row" class="${0}--footer__logo-row">
12140
12146
  <slot name="brand"></slot>
12141
- <slot name="locale-button"></slot>
12142
- <slot name="language-selector"></slot>
12147
+ <!-- Locale button deprecated: intentionally -->
12148
+ <!-- <slot name="locale-button"></slot> -->
12149
+ <!-- <slot name="language-selector"></slot> -->
12143
12150
  <slot></slot>
12144
12151
  </div>
12145
12152
  </div>
@@ -12148,6 +12155,14 @@ _decorate$$([carbonElement(`${c4dPrefix$$}-footer`)], function (_initialize, _St
12148
12155
  <slot name="legal-nav"></slot>
12149
12156
  `), prefix$C, prefix$C, o$2(classes), prefix$C);
12150
12157
  }
12158
+ }, {
12159
+ kind: "method",
12160
+ key: "updated",
12161
+ value: function updated() {
12162
+ if (this.querySelector('[slot="locale-button"]')) {
12163
+ console.warn('<c4d-footer>: locale-button slot is deprecated and will be removed.');
12164
+ }
12165
+ }
12151
12166
  }, {
12152
12167
  kind: "get",
12153
12168
  static: true,
@@ -24559,7 +24574,7 @@ let C4DCard = _decorate$Q([carbonElement(`${c4dPrefix$Q}-card`)], function (_ini
24559
24574
  alt="${0}"
24560
24575
  default-src="${0}">
24561
24576
  </c4d-image>
24562
- `), prefix$t, videoName, videoThumbnailUrl);
24577
+ `), prefix$t, videoName, videoThumbnailUrl ? videoThumbnailUrl : `https://cdnsecakmi.kaltura.com/p/1773841/thumbnail/entry_id/${this.href}/width/333`);
24563
24578
  return x(_t5$8 || (_t5$8 = _$M`
24564
24579
  <div part="image-wrapper" class="${0}--card__image-wrapper">
24565
24580
  <slot name="image" @slotchange="${0}">
@@ -32642,7 +32657,7 @@ let C4DMegaMenuTopNavMenu = _decorate$s([carbonElement(`${c4dPrefix$s}-megamenu-
32642
32657
  var _this$parentElement;
32643
32658
  // Import needed subcomponents on first expansion
32644
32659
  if (!((_this$parentElement = this.parentElement) !== null && _this$parentElement !== void 0 && _this$parentElement.importedMegamenu)) {
32645
- await Promise.all([import('./megamenu-left-navigation-738dae88.js'), import('./megamenu-category-link-1340f3f6.js'), import('./megamenu-category-link-group-763d66fc.js'), import('./megamenu-category-group-f1732784.js'), import('./megamenu-category-group-copy-0fa0805f.js'), import('./megamenu-category-heading-2b8a95f5.js'), Promise.resolve().then(function () { return megamenuLinkWithIcon; }), import('./megamenu-overlay-13d81e54.js'), import('./megamenu-tab-36ea9282.js'), Promise.resolve().then(function () { return megamenuTabs; })]);
32660
+ await Promise.all([import('./megamenu-left-navigation-aec2e9ef.js'), import('./megamenu-category-link-fcd55896.js'), import('./megamenu-category-link-group-f9a3cda2.js'), import('./megamenu-category-group-eb47b505.js'), import('./megamenu-category-group-copy-4372d1de.js'), import('./megamenu-category-heading-0c090cd2.js'), Promise.resolve().then(function () { return megamenuLinkWithIcon; }), import('./megamenu-overlay-8557f7aa.js'), import('./megamenu-tab-84664366.js'), Promise.resolve().then(function () { return megamenuTabs; })]);
32646
32661
  this.parentElement.importedMegamenu = true;
32647
32662
  }
32648
32663
 
@@ -38705,7 +38720,7 @@ let C4DLeftNav = _decorate$b([carbonElement(`${c4dPrefix$b}-left-nav`)], functio
38705
38720
  value() {
38706
38721
  return async event => {
38707
38722
  if (!this._importedSideNav) {
38708
- await Promise.all([Promise.resolve().then(function () { return leftNavName; }), import('./left-nav-menu-e888e045.js'), import('./left-nav-menu-section-be1faf80.js'), import('./left-nav-menu-item-a069ed96.js'), import('./left-nav-menu-category-heading-9a27eefb.js'), import('./left-nav-overlay-4bc8d7ff.js')]);
38723
+ await Promise.all([Promise.resolve().then(function () { return leftNavName; }), import('./left-nav-menu-192f5044.js'), import('./left-nav-menu-section-113f2662.js'), import('./left-nav-menu-item-c94a6480.js'), import('./left-nav-menu-category-heading-fa8431e1.js'), import('./left-nav-overlay-23d89a16.js')]);
38709
38724
  this._importedSideNav = true;
38710
38725
  }
38711
38726
  this.expanded = event.detail.active;