@carbon/ibmdotcom-web-components 1.44.0 → 1.45.0

package/lib/internal/vendor/@carbon/ibmdotcom-utilities/utilities/StickyHeader/StickyHeader.js

@@ -22,6 +22,8 @@ function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input ==
  */
 var prefix = _settings2.default.prefix;
 var ddsPrefix = _settings.default.stablePrefix;
+var c4dPrefix = 'c4d';
+var cdsPrefix = 'cds';
 var gridBreakpoint = parseFloat(_layout.breakpoints.lg.width) * _layout.baseFontSize;
 var StickyHeader = /*#__PURE__*/function () {
   function StickyHeader() {
@@ -74,19 +76,89 @@ var StickyHeader = /*#__PURE__*/function () {
     value: function _validateComponent(component, expected) {
       var received = component.tagName.toLowerCase();
       if (received !== expected) {
-        throw new TypeError("".concat(expected, " expected, ").concat(received, " provided"));
+        // TODO: don't check for v1/v2 compatibility after v1 EOL.
+        if (received.split('-').splice(1).join('-') !== expected.split('-').splice(1).join('-')) {
+          throw new TypeError("".concat(expected, " expected, ").concat(received, " provided"));
+        } else {
+          var message = ["Mixed prefixes detected.\n", "expected ".concat(expected, ", found ").concat(received, ".")];
+          console.warn(message.join(''));
+          return true;
+        }
       } else {
         return true;
       }
     }
 
     /**
-     * Stores references to TOC sub-elements that are relevant to current viewport
-     * dimensions.
+     * Helper method to query for either C4IBM v1.x or v2.x sub-elements;
+     *
+     * @param {*} element The C4IBM element.
+     * @param {*} v1Func The querying function to run if using a C4IBM v1.x element.
+     * @param {*} v2Func The querying function to run if using a C4IBM v2.x element.
      */
   }, {
-    key: "_updateTableOfContentsRefs",
-    value: function _updateTableOfContentsRefs() {
+    key: "_updateRefsV1orV2",
+    value: function _updateRefsV1orV2(element, v1Func, v2Func) {
+      var elementPrefix = element.tagName.toLowerCase().split('-')[0];
+      if (elementPrefix === ddsPrefix) {
+        v1Func.bind(this)();
+      } else if (elementPrefix === c4dPrefix) {
+        v2Func.bind(this)();
+      } else {
+        throw new Error("\n        Could not find sub-elements for ".concat(element.tagName.toLowerCase(), ".\n      "));
+      }
+    }
+
+    /**
+     * Temporary method to find v1 leadspace sub-elements.
+     */
+  }, {
+    key: "_updateLeadspaceRefsV1",
+    value: function _updateLeadspaceRefsV1() {
+      var leadspaceSearch = this._elements.leadspaceSearch;
+      this._elements.leadspaceSearchBar = leadspaceSearch.shadowRoot.querySelector(".".concat(prefix, "--search-container"));
+      this._elements.leadspaceSearchInput = leadspaceSearch.querySelector("".concat(ddsPrefix, "-search-with-typeahead"));
+    }
+
+    /**
+     * Temporary method to find v2 leadspace sub-elements.
+     */
+  }, {
+    key: "_updateLeadspaceRefsV2",
+    value: function _updateLeadspaceRefsV2() {
+      var leadspaceSearch = this._elements.leadspaceSearch;
+      this._elements.leadspaceSearchBar = leadspaceSearch.shadowRoot.querySelector(".".concat(cdsPrefix, "--search-container"));
+      this._elements.leadspaceSearchInput = leadspaceSearch.querySelector("".concat(c4dPrefix, "-search-with-typeahead"));
+    }
+
+    /**
+     * Temporary method to find v1 masthead sub-elements.
+     */
+  }, {
+    key: "_updateMastheadRefsV1",
+    value: function _updateMastheadRefsV1() {
+      var masthead = this._elements.masthead;
+      this._elements.mastheadL0 = masthead.shadowRoot.querySelector(".".concat(prefix, "--masthead__l0"));
+      this._elements.mastheadL1 = masthead.querySelector("".concat(ddsPrefix, "-masthead-l1"));
+    }
+
+    /**
+     * Temporary method to find v2 masthead sub-elements.
+     */
+  }, {
+    key: "_updateMastheadRefsV2",
+    value: function _updateMastheadRefsV2() {
+      var masthead = this._elements.masthead;
+      this._elements.mastheadL0 = masthead.shadowRoot.querySelector(".".concat(cdsPrefix, "--masthead__l0"));
+      this._elements.mastheadL1 = masthead.querySelector("".concat(c4dPrefix, "-masthead-l1"));
+    }
+
+    /**
+     * Temporary method to find v1 table of contents sub-elements.
+     */
+  }, {
+    key: "_updateTableOfContentsRefsV1",
+    value: function _updateTableOfContentsRefsV1() {
       var toc = this._elements.tableOfContents;
       var tocRoot = toc.shadowRoot;
       var selectors = {
@@ -102,6 +174,28 @@ var StickyHeader = /*#__PURE__*/function () {
       var viewportDimension = window.innerWidth >= gridBreakpoint ? 'desktop' : 'mobile';
       this._elements.tableOfContentsInnerBar = tocRoot.querySelector(selectors[viewportDimension][toc.layout || 'vertical']);
     }
+
+    /**
+     * Temporary method to find v2 table of contents sub-elements.
+     */
+  }, {
+    key: "_updateTableOfContentsRefsV2",
+    value: function _updateTableOfContentsRefsV2() {
+      var toc = this._elements.tableOfContents;
+      var tocRoot = toc.shadowRoot;
+      this._elements.tableOfContentsInnerBar = tocRoot.querySelector(window.innerWidth >= gridBreakpoint && (toc === null || toc === void 0 ? void 0 : toc.layout) !== 'horizontal' ? ".".concat(c4dPrefix, "-ce--table-of-contents__items-container") : ".".concat(cdsPrefix, "--tableofcontents__navbar"));
+    }
+
+    /**
+     * Stores references to TOC sub-elements that are relevant to current viewport
+     * dimensions.
+     */
+  }, {
+    key: "_updateTableOfContentsRefs",
+    value: function _updateTableOfContentsRefs() {
+      var toc = this._elements.tableOfContents;
+      this._updateRefsV1orV2(toc, this._updateTableOfContentsRefsV1, this._updateTableOfContentsRefsV2);
+    }
   }, {
     key: "banner",
     set: function set(component) {
@@ -119,10 +213,8 @@ var StickyHeader = /*#__PURE__*/function () {
     set: function set(component) {
       if (this._validateComponent(component, "".concat(ddsPrefix, "-leadspace-with-search"))) {
         this._elements.leadspaceSearch = component;
-        var leadspaceSearchBar = component.shadowRoot.querySelector(".".concat(prefix, "--search-container"));
-        this._elements.leadspaceSearchBar = leadspaceSearchBar;
-        this._elements.leadspaceSearchInput = component.querySelector("".concat(ddsPrefix, "-search-with-typeahead"));
-        this._state.leadspaceSearchThreshold = parseInt(window.getComputedStyle(leadspaceSearchBar).paddingBottom) - 16;
+        this._updateRefsV1orV2(component, this._updateLeadspaceRefsV1, this._updateLeadspaceRefsV2);
+        this._state.leadspaceSearchThreshold = parseInt(window.getComputedStyle(this._elements.leadspaceSearchBar).paddingBottom) - 16;
         this._manageStickyElements();
       }
     }
@@ -139,9 +231,10 @@ var StickyHeader = /*#__PURE__*/function () {
     set: function set(component) {
       if (this._validateComponent(component, "".concat(ddsPrefix, "-masthead"))) {
         this._elements.masthead = component;
-        if (this._elements.banner) this._elements.masthead.setAttribute('with-banner', '');
-        this._elements.mastheadL0 = component.shadowRoot.querySelector(".".concat(prefix, "--masthead__l0"));
-        this._elements.mastheadL1 = component.querySelector("".concat(ddsPrefix, "-masthead-l1"));
+        if (this._elements.banner) {
+          this._elements.masthead.setAttribute('with-banner', '');
+        }
+        this._updateRefsV1orV2(component, this._updateMastheadRefsV1, this._updateMastheadRefsV2);
         this._manageStickyElements();
       }
     }

package/lib/internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings.js

@@ -17,10 +17,10 @@ exports.default = void 0;
  * @exports ibmdotcom.settings
  * @type {object} Settings object
  * @property {string} [prefix=dds]
- * Carbon for IBM.com v1.59.0',
+ * Carbon for IBM.com v1.60.0',
  */
 var settings = {
-  version: 'Carbon for IBM.com v1.59.0',
+  version: 'Carbon for IBM.com v1.60.0',
   stablePrefix: 'dds'
 };
 var _default = exports.default = settings;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@carbon/ibmdotcom-web-components",
-  "version": "1.44.0",
+  "version": "1.45.0",
   "description": "Carbon for IBM.com Web Components",
   "license": "Apache-2.0",
   "exports": {
@@ -90,12 +90,12 @@
     "wca": "web-component-analyzer analyze src --outFile custom-elements.json"
   },
   "dependencies": {
-    "@carbon/ibmdotcom-services": "1.59.0",
-    "@carbon/ibmdotcom-styles": "1.59.0",
-    "@carbon/ibmdotcom-utilities": "1.59.0",
+    "@carbon/ibmdotcom-services": "1.60.0",
+    "@carbon/ibmdotcom-styles": "1.60.0",
+    "@carbon/ibmdotcom-utilities": "1.60.0",
     "@carbon/layout": "10.37.2",
     "@carbon/motion": "^11.0.0",
-    "@carbon/web-components": "1.40.0",
+    "@carbon/web-components": "1.41.0",
     "@ibm/telemetry-js": "^1.3.0",
     "carbon-components": "10.58.12",
     "lit-element": "^2.5.1",
@@ -239,5 +239,5 @@
     "web-component-analyzer": "1.2.0-next.0",
     "webpack": "^4.46.0"
   },
-  "gitHead": "198bdef4ac7666807a6cab98dc8fda7307899b95"
+  "gitHead": "f251c905e8ea8aadfd839b1d80993b84419cf584"
 }