@carbon/ibmdotcom-web-components 1.37.0-rc.2 → 1.37.0-rc.3

package/es/components/cta-section/cta-section.js.map

@@ -1 +1 @@
-{"version":3,"file":"cta-section.js","names":["_litElement","require","_parseAspectRatio3","_interopRequireDefault","_settings","_stableSelector","_ctaSectionCss","_contentSection","_carbonElement","_templateObject","_createSuper","Derived","hasNativeReflectConstruct","_isNativeReflectConstruct","_createSuperInternal","Super","_getPrototypeOf2","result","NewTarget","constructor","Reflect","construct","arguments","apply","_possibleConstructorReturn2","sham","Proxy","Boolean","prototype","valueOf","call","e","ddsPrefix","ddsSettings","stablePrefix","DDSCTASection","_decorate2","customElement","concat","_initialize","_StableSelectorMixin","_StableSelectorMixin2","_inherits2","_super","_this","_classCallCheck2","_len","length","args","Array","_key","_assertThisInitialized2","_createClass2","F","d","kind","decorators","property","attribute","key","value","updated","changedProperties","logoRatio","has","_parseAspectRatio","parseAspectRatio","_parseAspectRatio2","_slicedToArray2","w","h","style","setProperty","removeProperty","stableSelector","styles","css","_taggedTemplateLiteral2","_get2","StableSelectorMixin","DDSContentSection","_default","exports"],"sources":["components/cta-section/cta-section.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2020, 2023\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 { css, property } from 'lit-element';\nimport parseAspectRatio from '@carbon/ibmdotcom-utilities/es/utilities/parseAspectRatio/parseAspectRatio.js';\nimport ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';\nimport StableSelectorMixin from '../../globals/mixins/stable-selector';\nimport styles from './cta-section.scss';\nimport DDSContentSection from '../content-section/content-section';\nimport { carbonElement as customElement } from '../../internal/vendor/@carbon/web-components/globals/decorators/carbon-element';\n\nconst { stablePrefix: ddsPrefix } = ddsSettings;\n\n/**\n * The CTA SECTION pattern\n *\n * @element dds-cta-section\n */\n@customElement(`${ddsPrefix}-cta-section`)\nclass DDSCTASection extends StableSelectorMixin(DDSContentSection) {\n  @property({ attribute: 'logo-ratio' })\n  logoRatio?;\n\n  updated(changedProperties) {\n    const { logoRatio } = this;\n    if (changedProperties.has('logoRatio')) {\n      if (logoRatio) {\n        const [w, h] = parseAspectRatio(logoRatio);\n        this.style.setProperty('--logo-ratio', `${w}/${h}`);\n      } else {\n        this.style.removeProperty('--logo-ratio');\n      }\n    }\n  }\n\n  static get stableSelector() {\n    return `${ddsPrefix}--cta-section`;\n  }\n\n  static get styles() {\n    return css`\n      ${super.styles}${styles}\n    `;\n  }\n}\n\n/* @__GENERATE_REACT_CUSTOM_ELEMENT_TYPE__ */\nexport default DDSCTASection;\n"],"mappings":"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"}
+{"version":3,"file":"cta-section.js","names":["_litElement","require","_parseAspectRatio3","_interopRequireDefault","_settings","_stableSelector","_ctaSectionCss","_contentSection","_carbonElement","_templateObject","_createSuper","Derived","hasNativeReflectConstruct","_isNativeReflectConstruct","_createSuperInternal","Super","_getPrototypeOf2","result","NewTarget","constructor","Reflect","construct","arguments","apply","_possibleConstructorReturn2","sham","Proxy","Boolean","prototype","valueOf","call","e","ddsPrefix","ddsSettings","stablePrefix","DDSCTASection","_decorate2","customElement","concat","_initialize","_StableSelectorMixin","_StableSelectorMixin2","_inherits2","_super","_this","_classCallCheck2","_len","length","args","Array","_key","_assertThisInitialized2","_createClass2","F","d","kind","decorators","property","attribute","key","value","updated","changedProperties","logoRatio","has","_parseAspectRatio","parseAspectRatio","_parseAspectRatio2","_slicedToArray2","w","h","style","setProperty","removeProperty","stableSelector","styles","css","_taggedTemplateLiteral2","_get2","StableSelectorMixin","DDSContentSection","_default","exports"],"sources":["components/cta-section/cta-section.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2020, 2023\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 { css, property } from 'lit-element';\nimport parseAspectRatio from '@carbon/ibmdotcom-utilities/es/utilities/parseAspectRatio/parseAspectRatio.js';\nimport ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';\nimport StableSelectorMixin from '../../globals/mixins/stable-selector';\nimport styles from './cta-section.scss';\nimport DDSContentSection from '../content-section/content-section';\nimport { carbonElement as customElement } from '../../internal/vendor/@carbon/web-components/globals/decorators/carbon-element';\n\nconst { stablePrefix: ddsPrefix } = ddsSettings;\n\n/**\n * The CTA SECTION pattern\n *\n * @element dds-cta-section\n */\n@customElement(`${ddsPrefix}-cta-section`)\nclass DDSCTASection extends StableSelectorMixin(DDSContentSection) {\n  @property({ attribute: 'logo-ratio' })\n  logoRatio?;\n\n  updated(changedProperties) {\n    const { logoRatio } = this;\n    if (changedProperties.has('logoRatio')) {\n      if (logoRatio) {\n        const [w, h] = parseAspectRatio(logoRatio);\n        this.style.setProperty('--logo-ratio', `${w}/${h}`);\n      } else {\n        this.style.removeProperty('--logo-ratio');\n      }\n    }\n  }\n\n  static get stableSelector() {\n    return `${ddsPrefix}--cta-section`;\n  }\n\n  static get styles() {\n    return css`\n      ${super.styles}${styles}\n    `;\n  }\n}\n\n/* @__GENERATE_REACT_CUSTOM_ELEMENT_TYPE__ */\nexport default DDSCTASection;\n"],"mappings":"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"}

package/es/components/dotcom-shell/__stories__/data/content.js

@@ -39,27 +39,19 @@ var _templateObject, _templateObject2, _templateObject3, _templateObject4, _temp
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var image = (0, _litElement.html)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n  <dds-image\n    alt=\"Image alt text\"\n    default-src=\"", "\"\n    heading=\"Lorem ipsum dolor sit amet, consectetur adipiscing elit.\">\n    <dds-image-item media=\"(min-width: 672px)\" srcset=\"", "\">\n    </dds-image-item>\n    <dds-image-item media=\"(min-width: 400px)\" srcset=\"", "\">\n    </dds-image-item>\n    <dds-image-item media=\"(min-width: 320px)\" srcset=\"", "\">\n    </dds-image-item>\n  </dds-image>\n"])), _fpo16x9720x["default"], _fpo16x9720x["default"], _fpo16x9480x["default"], _fpo16x9320x["default"]);
-exports.image = image;
-var contentBlockSegmentedItems = (0, _litElement.html)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["\n  <dds-content-block-segmented-item>\n    <dds-content-group-heading\n      >A scelerisque purus semper eget duis at tellus.\n    </dds-content-group-heading>\n    <dds-content-item-copy\n      >Elementum nibh tellus molestie nunc non. Habitant morbi tristique\n      senectus et netus et malesuada fames.\n    </dds-content-item-copy>\n    <dds-text-cta\n      slot=\"footer\"\n      cta-type=\"local\"\n      icon-placement=\"right\"\n      href=\"https://example.com\"\n      >Lorem Ipsum dolor sit</dds-text-cta\n    >\n  </dds-content-block-segmented-item>\n\n  <dds-content-block-segmented-item>\n    <dds-content-group-heading\n      >A scelerisque purus semper eget duis at tellus.\n    </dds-content-group-heading>\n    <dds-content-item-copy\n      >Elementum nibh tellus molestie nunc non. Habitant morbi tristique\n      senectus et netus et malesuada fames.\n    </dds-content-item-copy>\n  </dds-content-block-segmented-item>\n"])));
-exports.contentBlockSegmentedItems = contentBlockSegmentedItems;
-var contentBlockSegmentedItemsWithImage = (0, _litElement.html)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2["default"])(["\n  <dds-content-block-segmented-item>\n    <dds-content-group-heading\n      >A scelerisque purus semper eget duis at tellus.\n    </dds-content-group-heading>\n    <dds-content-item-copy\n      >Elementum nibh tellus molestie nunc non. Habitant morbi tristique\n      senectus et netus et malesuada fames.\n    </dds-content-item-copy>\n    ", "\n    <dds-text-cta\n      slot=\"footer\"\n      cta-type=\"local\"\n      icon-placement=\"right\"\n      href=\"https://example.com\"\n      >Lorem Ipsum dolor sit</dds-text-cta\n    >\n  </dds-content-block-segmented-item>\n"])), image);
-exports.contentBlockSegmentedItemsWithImage = contentBlockSegmentedItemsWithImage;
-var contentItemHorizontal = (0, _litElement.html)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2["default"])(["\n  <dds-content-item-horizontal>\n    <dds-content-item-horizontal-eyebrow\n      >Lorem ipsum</dds-content-item-horizontal-eyebrow\n    >\n    <dds-content-item-heading>Aliquam condimentum</dds-content-item-heading>\n    <dds-content-item-horizontal-copy\n      >Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean et\n      ultricies est. Mauris iaculis eget dolor nec hendrerit. Phasellus at elit\n      sollicitudin.</dds-content-item-horizontal-copy\n    >\n    <dds-link-list slot=\"footer\" type=\"vertical\">\n      <dds-link-list-item-cta\n        icon-placement=\"right\"\n        href=\"https://www.ibm.com\"\n        cta-type=\"local\">\n        Link text\n      </dds-link-list-item-cta>\n      <dds-link-list-item-cta\n        icon-placement=\"right\"\n        href=\"https://www.ibm.com\"\n        cta-type=\"external\">\n        External link text\n      </dds-link-list-item-cta>\n    </dds-link-list>\n  </dds-content-item-horizontal>\n"])));
-exports.contentItemHorizontal = contentItemHorizontal;
-var universalBanner = function universalBanner(srcImage) {
+var image = exports.image = (0, _litElement.html)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n  <dds-image\n    alt=\"Image alt text\"\n    default-src=\"", "\"\n    heading=\"Lorem ipsum dolor sit amet, consectetur adipiscing elit.\">\n    <dds-image-item media=\"(min-width: 672px)\" srcset=\"", "\">\n    </dds-image-item>\n    <dds-image-item media=\"(min-width: 400px)\" srcset=\"", "\">\n    </dds-image-item>\n    <dds-image-item media=\"(min-width: 320px)\" srcset=\"", "\">\n    </dds-image-item>\n  </dds-image>\n"])), _fpo16x9720x["default"], _fpo16x9720x["default"], _fpo16x9480x["default"], _fpo16x9320x["default"]);
+var contentBlockSegmentedItems = exports.contentBlockSegmentedItems = (0, _litElement.html)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["\n  <dds-content-block-segmented-item>\n    <dds-content-group-heading\n      >A scelerisque purus semper eget duis at tellus.\n    </dds-content-group-heading>\n    <dds-content-item-copy\n      >Elementum nibh tellus molestie nunc non. Habitant morbi tristique\n      senectus et netus et malesuada fames.\n    </dds-content-item-copy>\n    <dds-text-cta\n      slot=\"footer\"\n      cta-type=\"local\"\n      icon-placement=\"right\"\n      href=\"https://example.com\"\n      >Lorem Ipsum dolor sit</dds-text-cta\n    >\n  </dds-content-block-segmented-item>\n\n  <dds-content-block-segmented-item>\n    <dds-content-group-heading\n      >A scelerisque purus semper eget duis at tellus.\n    </dds-content-group-heading>\n    <dds-content-item-copy\n      >Elementum nibh tellus molestie nunc non. Habitant morbi tristique\n      senectus et netus et malesuada fames.\n    </dds-content-item-copy>\n  </dds-content-block-segmented-item>\n"])));
+var contentBlockSegmentedItemsWithImage = exports.contentBlockSegmentedItemsWithImage = (0, _litElement.html)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2["default"])(["\n  <dds-content-block-segmented-item>\n    <dds-content-group-heading\n      >A scelerisque purus semper eget duis at tellus.\n    </dds-content-group-heading>\n    <dds-content-item-copy\n      >Elementum nibh tellus molestie nunc non. Habitant morbi tristique\n      senectus et netus et malesuada fames.\n    </dds-content-item-copy>\n    ", "\n    <dds-text-cta\n      slot=\"footer\"\n      cta-type=\"local\"\n      icon-placement=\"right\"\n      href=\"https://example.com\"\n      >Lorem Ipsum dolor sit</dds-text-cta\n    >\n  </dds-content-block-segmented-item>\n"])), image);
+var contentItemHorizontal = exports.contentItemHorizontal = (0, _litElement.html)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2["default"])(["\n  <dds-content-item-horizontal>\n    <dds-content-item-horizontal-eyebrow\n      >Lorem ipsum</dds-content-item-horizontal-eyebrow\n    >\n    <dds-content-item-heading>Aliquam condimentum</dds-content-item-heading>\n    <dds-content-item-horizontal-copy\n      >Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean et\n      ultricies est. Mauris iaculis eget dolor nec hendrerit. Phasellus at elit\n      sollicitudin.</dds-content-item-horizontal-copy\n    >\n    <dds-link-list slot=\"footer\" type=\"vertical\">\n      <dds-link-list-item-cta\n        icon-placement=\"right\"\n        href=\"https://www.ibm.com\"\n        cta-type=\"local\">\n        Link text\n      </dds-link-list-item-cta>\n      <dds-link-list-item-cta\n        icon-placement=\"right\"\n        href=\"https://www.ibm.com\"\n        cta-type=\"external\">\n        External link text\n      </dds-link-list-item-cta>\n    </dds-link-list>\n  </dds-content-item-horizontal>\n"])));
+var universalBanner = exports.universalBanner = function universalBanner(srcImage) {
   return (0, _litElement.html)(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2["default"])(["\n  <dds-universal-banner image-width=\"4-col\">\n    <dds-universal-banner-image\n      slot=\"image\"\n      default-src=\"", "\"></dds-universal-banner-image>\n    <dds-universal-banner-heading slot=\"heading\"\n      >heading</dds-universal-banner-heading\n    >\n    <dds-universal-banner-copy slot=\"copy\">copy</dds-universal-banner-copy>\n    <dds-button-cta\n      slot=\"cta\"\n      cta-type=\"local\"\n      kind=\"tertiary\"\n      href=\"https://www.example.com\">\n      cta copy\n    </dds-button-cta>\n  </dds-universal-banner>\n"])), srcImage);
 };
-exports.universalBanner = universalBanner;
-var cardGroupItems = (0, _litElement.html)(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2["default"])(["\n  <dds-card-group-item href=\"https://example.com\">\n    <dds-image slot=\"image\" alt=\"Image alt text\" default-src=\"", "\">\n    </dds-image>\n    <dds-card-eyebrow>Topic</dds-card-eyebrow>\n    <dds-card-heading>Natural Language Processing.</dds-card-heading>\n    <dds-card-cta-footer slot=\"footer\">\n      ", "\n    </dds-card-cta-footer>\n  </dds-card-group-item>\n"])), _fpo4x31312x["default"], (0, _["default"])({
+var cardGroupItems = exports.cardGroupItems = (0, _litElement.html)(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2["default"])(["\n  <dds-card-group-item href=\"https://example.com\">\n    <dds-image slot=\"image\" alt=\"Image alt text\" default-src=\"", "\">\n    </dds-image>\n    <dds-card-eyebrow>Topic</dds-card-eyebrow>\n    <dds-card-heading>Natural Language Processing.</dds-card-heading>\n    <dds-card-cta-footer slot=\"footer\">\n      ", "\n    </dds-card-cta-footer>\n  </dds-card-group-item>\n"])), _fpo4x31312x["default"], (0, _["default"])({
   slot: 'icon'
 }));
-exports.cardGroupItems = cardGroupItems;
-var contentLeadspace = (0, _litElement.html)(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2["default"])(["\n  <dds-leadspace\n    size=\"medium\"\n    gradient-style-scheme=\"true\"\n    alt=\"\"\n    default-src=\"", "\">\n    <dds-leadspace-heading>Leadspace Title</dds-leadspace-heading>\n    Use this area for a short line of copy to support the title\n    <dds-button-group slot=\"action\">\n      <dds-button-group-item aria-label=\"\" href=\"\">test</dds-button-group-item>\n    </dds-button-group>\n    <dds-image\n      slot=\"image\"\n      class=\"bx--image\"\n      alt=\"\"\n      default-src=\"", "\">\n      <dds-image-item\n        media=\"(min-width: 672px)\"\n        srcset=\"", "\"></dds-image-item>\n      <dds-image-item\n        media=\"(min-width: 0)\"\n        srcset=\"", "\"></dds-image-item>\n    </dds-image>\n  </dds-leadspace>\n"])), _fpoLeadspace1584x["default"], _fpoLeadspace1584x["default"], _fpoLeadspace1584x["default"], _fpoLeadspace1584x["default"]);
-exports.contentLeadspace = contentLeadspace;
-var contentLeadspaceSearch = (0, _litElement.html)(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteral2["default"])(["\n  <dds-leadspace-with-search adjacent-theme=\"white-and-g10\" scroll-behavior>\n    <dds-leadspace-with-search-heading\n      >Find a product</dds-leadspace-with-search-heading\n    >\n    <dds-leadspace-with-search-content>\n      <dds-leadspace-with-search-content-heading\n        >Innovate like a startup, scale for the\n        enterprise</dds-leadspace-with-search-content-heading\n      >\n      <dds-leadspace-with-search-content-copy>\n        Automate your software release process with continuous delivery (CD)\u2014the\n        most critical part of adopting DevOps. Build, test, and deploy code\n        changes quickly, ensuring software is always ready for deployment.\n      </dds-leadspace-with-search-content-copy>\n    </dds-leadspace-with-search-content>\n    <dds-search-with-typeahead\n      slot=\"search\"\n      leadspace-search\n      active\n      should-remain-open></dds-search-with-typeahead>\n  </dds-leadspace-with-search>\n"])));
-exports.contentLeadspaceSearch = contentLeadspaceSearch;
-var tocContent = (0, _litElement.html)(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteral2["default"])(["\n  <a name=\"1\" data-title=\"Lorem ipsum dolor sit amet\"></a>\n  <dds-leadspace-block>\n    <dds-leadspace-block-heading\n      >Lorem ipsum dolor sit amet</dds-leadspace-block-heading\n    >\n    <dds-leadspace-block-content>\n      <dds-content-block-heading>\n        Consectetur adipiscing elit, sed do eiusmod tempor incididunt ut.\n      </dds-content-block-heading>\n      <dds-content-block-copy slot=\"copy\"\n        >Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi\n        ut aliquip ex ea commodo consequat.\n      </dds-content-block-copy>\n      <dds-leadspace-block-media slot=\"media\">\n        <dds-video-player-container\n          video-id=\"1_9h94wo6b\"></dds-video-player-container>\n      </dds-leadspace-block-media>\n      <dds-link-list type=\"end\">\n        <dds-link-list-heading>Featured products</dds-link-list-heading>\n        <dds-link-list-item href=\"https://example.com\">\n          IBM Cloud Continuous Delivery ", "\n        </dds-link-list-item>\n        <dds-link-list-item href=\"https://example.com\">\n          UrbanCode ", "\n        </dds-link-list-item>\n        <dds-link-list-item href=\"https://example.com\">\n          View all products ", "\n        </dds-link-list-item>\n      </dds-link-list>\n      <dds-leadspace-block-cta>\n        <dds-button-group-item href=\"www.ibm.com\"\n          >Contact sales\n          ", "</dds-button-group-item\n        >\n      </dds-leadspace-block-cta>\n    </dds-leadspace-block-content>\n  </dds-leadspace-block>\n\n  <a name=\"2\" data-title=\"Pharetra pharetra massa massa ultricies mi quis.\"></a>\n  <dds-content-block-segmented>\n    <dds-content-block-heading\n      >Pharetra pharetra massa massa ultricies mi\n      quis.</dds-content-block-heading\n    >\n    ", "\n  </dds-content-block-segmented>\n  <dds-feature-card size=\"large\" href=\"https://example.com\">\n    <dds-image slot=\"image\" alt=\"Image alt text\" default-src=\"", "\">\n      <dds-image-item\n        media=\"(min-width: 991px)\"\n        srcset=\"", "\"></dds-image-item>\n    </dds-image>\n    <dds-card-eyebrow>scelerisque purus</dds-card-eyebrow>\n    <dds-card-heading>Elementum nibh tellus molestie nunc?</dds-card-heading>\n    <p>\n      Habitant morbi tristique senectus et netus et malesuada fames. Habitant\n      morbu tristique.\n    </p>\n    <dds-feature-card-footer>\n      ", "\n    </dds-feature-card-footer>\n  </dds-feature-card>\n\n  <a name=\"3\" data-title=\"Elementum nibh tellus molestie nunc non.\"></a>\n  <dds-content-block-segmented>\n    <dds-content-block-heading\n      >Elementum nibh tellus molestie nunc non.\n    </dds-content-block-heading>\n    ", "\n    <dds-card-cta slot=\"footer\" cta-type=\"local\" href=\"https://example.com\">\n      Lorem ipsum dolor\n      <dds-card-cta-footer></dds-card-cta-footer>\n    </dds-card-cta>\n  </dds-content-block-segmented>\n\n  <dds-callout-with-media>\n    <dds-content-block-heading slot=\"heading\"\n      >Mauris ultrices eros in cursus</dds-content-block-heading\n    >\n    <dds-callout-with-media-copy size=\"sm\"\n      >Porttitor eget dolor morbi non arcu. Et ligula ullamcorper malesuada\n      proin libero nunc consequat. In est ante in nibh mauris cursus mattis.\n      Turpis tincidunt id aliquet risus feugiat in. Vel facilisis volutpat est\n      velit egestas dui.\n    </dds-callout-with-media-copy>\n    <dds-callout-with-media-video\n      video-id=\"1_9h94wo6b\"></dds-callout-with-media-video>\n  </dds-callout-with-media>\n\n  <a name=\"4\" data-title=\"Tincidunt ornare massa\"></a>\n  <dds-content-block-horizontal>\n    <dds-content-block-heading\n      >Tincidunt ornare massa</dds-content-block-heading\n    >\n    ", "\n  </dds-content-block-horizontal>\n\n  <a name=\"5\" data-title=\"Lobortis elementum nibh tellus\"></a>\n  <dds-logo-grid ?hide-border=\"true\">\n    <dds-content-block-heading\n      >Lobortis elementum nibh tellus</dds-content-block-heading\n    >\n    ", "\n  </dds-logo-grid>\n\n  <a name=\"6\" data-title=\"Aliquam condimentum interdum\"></a>\n  <dds-content-block-cards>\n    <dds-content-block-heading\n      >Aliquam condimentum interdum</dds-content-block-heading\n    >\n    <dds-card-group>\n      ", "\n    </dds-card-group>\n  </dds-content-block-cards>\n  <dds-callout-quote>\n    Duis aute irure dolor in reprehenderit\n    <dds-quote-source-heading>\n      Lorem ipsum dolor sit amet\n    </dds-quote-source-heading>\n    <dds-quote-source-copy> consectetur adipiscing elit </dds-quote-source-copy>\n    <dds-quote-source-bottom-copy> IBM Cloud </dds-quote-source-bottom-copy>\n    <dds-callout-link-with-icon slot=\"footer\" href=\"https://example.com\">\n      Link with Icon ", "\n    </dds-callout-link-with-icon>\n  </dds-callout-quote>\n\n  <a name=\"7\" data-title=\"Duis aute irure dolor in reprehenderit\"></a>\n  <dds-cta-block no-border>\n    <dds-content-block-heading>Take the next step</dds-content-block-heading>\n    <dds-content-block-copy\n      >Want to discuss your options with a DevOps expert? <br />\n      Contact our sales team to evaluate your needs.</dds-content-block-copy\n    >\n    <dds-button-group slot=\"action\">\n      <dds-button-group-item href=\"https://example.com\">\n        Secondary Button ", "\n      </dds-button-group-item>\n      <dds-button-group-item href=\"https://example.com\">\n        Primary button ", "\n      </dds-button-group-item>\n    </dds-button-group>\n    <dds-cta-block-item-row no-border>\n      <dds-cta-block-item>\n        <dds-content-item-heading>Get connected</dds-content-item-heading>\n        <dds-content-item-copy\n          >IBM DevOps partners have a wide range of expertise. Find one to build\n          the right solution for you.</dds-content-item-copy\n        >\n        <dds-text-cta\n          slot=\"footer\"\n          cta-type=\"local\"\n          icon-placement=\"right\"\n          href=\"example.com\">\n          Find a partner\n        </dds-text-cta>\n      </dds-cta-block-item>\n      <dds-cta-block-item>\n        <dds-content-item-heading>Learn how</dds-content-item-heading>\n        <dds-content-item-copy\n          >IBM DevOps partners have a wide range of\n          expertise</dds-content-item-copy\n        >\n        <dds-text-cta\n          slot=\"footer\"\n          cta-type=\"local\"\n          icon-placement=\"right\"\n          href=\"example.com\">\n          Browse tutorials\n        </dds-text-cta>\n      </dds-cta-block-item>\n    </dds-cta-block-item-row>\n  </dds-cta-block>\n"])), (0, _["default"])({
+var contentLeadspace = exports.contentLeadspace = (0, _litElement.html)(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2["default"])(["\n  <dds-leadspace\n    size=\"medium\"\n    gradient-style-scheme=\"true\"\n    alt=\"\"\n    default-src=\"", "\">\n    <dds-leadspace-heading>Leadspace Title</dds-leadspace-heading>\n    Use this area for a short line of copy to support the title\n    <dds-button-group slot=\"action\">\n      <dds-button-group-item aria-label=\"\" href=\"\">test</dds-button-group-item>\n    </dds-button-group>\n    <dds-image\n      slot=\"image\"\n      class=\"bx--image\"\n      alt=\"\"\n      default-src=\"", "\">\n      <dds-image-item\n        media=\"(min-width: 672px)\"\n        srcset=\"", "\"></dds-image-item>\n      <dds-image-item\n        media=\"(min-width: 0)\"\n        srcset=\"", "\"></dds-image-item>\n    </dds-image>\n  </dds-leadspace>\n"])), _fpoLeadspace1584x["default"], _fpoLeadspace1584x["default"], _fpoLeadspace1584x["default"], _fpoLeadspace1584x["default"]);
+var contentLeadspaceSearch = exports.contentLeadspaceSearch = (0, _litElement.html)(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteral2["default"])(["\n  <dds-leadspace-with-search adjacent-theme=\"white-and-g10\" scroll-behavior>\n    <dds-leadspace-with-search-heading\n      >Find a product</dds-leadspace-with-search-heading\n    >\n    <dds-leadspace-with-search-content>\n      <dds-leadspace-with-search-content-heading\n        >Innovate like a startup, scale for the\n        enterprise</dds-leadspace-with-search-content-heading\n      >\n      <dds-leadspace-with-search-content-copy>\n        Automate your software release process with continuous delivery (CD)\u2014the\n        most critical part of adopting DevOps. Build, test, and deploy code\n        changes quickly, ensuring software is always ready for deployment.\n      </dds-leadspace-with-search-content-copy>\n    </dds-leadspace-with-search-content>\n    <dds-search-with-typeahead\n      slot=\"search\"\n      leadspace-search\n      active\n      should-remain-open></dds-search-with-typeahead>\n  </dds-leadspace-with-search>\n"])));
+var tocContent = exports.tocContent = (0, _litElement.html)(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteral2["default"])(["\n  <a name=\"1\" data-title=\"Lorem ipsum dolor sit amet\"></a>\n  <dds-leadspace-block>\n    <dds-leadspace-block-heading\n      >Lorem ipsum dolor sit amet</dds-leadspace-block-heading\n    >\n    <dds-leadspace-block-content>\n      <dds-content-block-heading>\n        Consectetur adipiscing elit, sed do eiusmod tempor incididunt ut.\n      </dds-content-block-heading>\n      <dds-content-block-copy slot=\"copy\"\n        >Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi\n        ut aliquip ex ea commodo consequat.\n      </dds-content-block-copy>\n      <dds-leadspace-block-media slot=\"media\">\n        <dds-video-player-container\n          video-id=\"1_9h94wo6b\"></dds-video-player-container>\n      </dds-leadspace-block-media>\n      <dds-link-list type=\"end\">\n        <dds-link-list-heading>Featured products</dds-link-list-heading>\n        <dds-link-list-item href=\"https://example.com\">\n          IBM Cloud Continuous Delivery ", "\n        </dds-link-list-item>\n        <dds-link-list-item href=\"https://example.com\">\n          UrbanCode ", "\n        </dds-link-list-item>\n        <dds-link-list-item href=\"https://example.com\">\n          View all products ", "\n        </dds-link-list-item>\n      </dds-link-list>\n      <dds-leadspace-block-cta>\n        <dds-button-group-item href=\"www.ibm.com\"\n          >Contact sales\n          ", "</dds-button-group-item\n        >\n      </dds-leadspace-block-cta>\n    </dds-leadspace-block-content>\n  </dds-leadspace-block>\n\n  <a name=\"2\" data-title=\"Pharetra pharetra massa massa ultricies mi quis.\"></a>\n  <dds-content-block-segmented>\n    <dds-content-block-heading\n      >Pharetra pharetra massa massa ultricies mi\n      quis.</dds-content-block-heading\n    >\n    ", "\n  </dds-content-block-segmented>\n  <dds-feature-card size=\"large\" href=\"https://example.com\">\n    <dds-image slot=\"image\" alt=\"Image alt text\" default-src=\"", "\">\n      <dds-image-item\n        media=\"(min-width: 991px)\"\n        srcset=\"", "\"></dds-image-item>\n    </dds-image>\n    <dds-card-eyebrow>scelerisque purus</dds-card-eyebrow>\n    <dds-card-heading>Elementum nibh tellus molestie nunc?</dds-card-heading>\n    <p>\n      Habitant morbi tristique senectus et netus et malesuada fames. Habitant\n      morbu tristique.\n    </p>\n    <dds-feature-card-footer>\n      ", "\n    </dds-feature-card-footer>\n  </dds-feature-card>\n\n  <a name=\"3\" data-title=\"Elementum nibh tellus molestie nunc non.\"></a>\n  <dds-content-block-segmented>\n    <dds-content-block-heading\n      >Elementum nibh tellus molestie nunc non.\n    </dds-content-block-heading>\n    ", "\n    <dds-card-cta slot=\"footer\" cta-type=\"local\" href=\"https://example.com\">\n      Lorem ipsum dolor\n      <dds-card-cta-footer></dds-card-cta-footer>\n    </dds-card-cta>\n  </dds-content-block-segmented>\n\n  <dds-callout-with-media>\n    <dds-content-block-heading slot=\"heading\"\n      >Mauris ultrices eros in cursus</dds-content-block-heading\n    >\n    <dds-callout-with-media-copy size=\"sm\"\n      >Porttitor eget dolor morbi non arcu. Et ligula ullamcorper malesuada\n      proin libero nunc consequat. In est ante in nibh mauris cursus mattis.\n      Turpis tincidunt id aliquet risus feugiat in. Vel facilisis volutpat est\n      velit egestas dui.\n    </dds-callout-with-media-copy>\n    <dds-callout-with-media-video\n      video-id=\"1_9h94wo6b\"></dds-callout-with-media-video>\n  </dds-callout-with-media>\n\n  <a name=\"4\" data-title=\"Tincidunt ornare massa\"></a>\n  <dds-content-block-horizontal>\n    <dds-content-block-heading\n      >Tincidunt ornare massa</dds-content-block-heading\n    >\n    ", "\n  </dds-content-block-horizontal>\n\n  <a name=\"5\" data-title=\"Lobortis elementum nibh tellus\"></a>\n  <dds-logo-grid ?hide-border=\"true\">\n    <dds-content-block-heading\n      >Lobortis elementum nibh tellus</dds-content-block-heading\n    >\n    ", "\n  </dds-logo-grid>\n\n  <a name=\"6\" data-title=\"Aliquam condimentum interdum\"></a>\n  <dds-content-block-cards>\n    <dds-content-block-heading\n      >Aliquam condimentum interdum</dds-content-block-heading\n    >\n    <dds-card-group>\n      ", "\n    </dds-card-group>\n  </dds-content-block-cards>\n  <dds-callout-quote>\n    Duis aute irure dolor in reprehenderit\n    <dds-quote-source-heading>\n      Lorem ipsum dolor sit amet\n    </dds-quote-source-heading>\n    <dds-quote-source-copy> consectetur adipiscing elit </dds-quote-source-copy>\n    <dds-quote-source-bottom-copy> IBM Cloud </dds-quote-source-bottom-copy>\n    <dds-callout-link-with-icon slot=\"footer\" href=\"https://example.com\">\n      Link with Icon ", "\n    </dds-callout-link-with-icon>\n  </dds-callout-quote>\n\n  <a name=\"7\" data-title=\"Duis aute irure dolor in reprehenderit\"></a>\n  <dds-cta-block no-border>\n    <dds-content-block-heading>Take the next step</dds-content-block-heading>\n    <dds-content-block-copy\n      >Want to discuss your options with a DevOps expert? <br />\n      Contact our sales team to evaluate your needs.</dds-content-block-copy\n    >\n    <dds-button-group slot=\"action\">\n      <dds-button-group-item href=\"https://example.com\">\n        Secondary Button ", "\n      </dds-button-group-item>\n      <dds-button-group-item href=\"https://example.com\">\n        Primary button ", "\n      </dds-button-group-item>\n    </dds-button-group>\n    <dds-cta-block-item-row no-border>\n      <dds-cta-block-item>\n        <dds-content-item-heading>Get connected</dds-content-item-heading>\n        <dds-content-item-copy\n          >IBM DevOps partners have a wide range of expertise. Find one to build\n          the right solution for you.</dds-content-item-copy\n        >\n        <dds-text-cta\n          slot=\"footer\"\n          cta-type=\"local\"\n          icon-placement=\"right\"\n          href=\"example.com\">\n          Find a partner\n        </dds-text-cta>\n      </dds-cta-block-item>\n      <dds-cta-block-item>\n        <dds-content-item-heading>Learn how</dds-content-item-heading>\n        <dds-content-item-copy\n          >IBM DevOps partners have a wide range of\n          expertise</dds-content-item-copy\n        >\n        <dds-text-cta\n          slot=\"footer\"\n          cta-type=\"local\"\n          icon-placement=\"right\"\n          href=\"example.com\">\n          Browse tutorials\n        </dds-text-cta>\n      </dds-cta-block-item>\n    </dds-cta-block-item-row>\n  </dds-cta-block>\n"])), (0, _["default"])({
   slot: 'icon'
 }), (0, _["default"])({
   slot: 'icon'
@@ -86,8 +78,7 @@ var tocContent = (0, _litElement.html)(_templateObject9 || (_templateObject9 = (
 }), (0, _["default"])({
   slot: 'icon'
 }));
-exports.tocContent = tocContent;
-var StoryContent = function StoryContent() {
+var StoryContent = exports.StoryContent = function StoryContent() {
   var config = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {
     l1: false,
     leadspace: false,
@@ -98,8 +89,7 @@ var StoryContent = function StoryContent() {
   }).join(' ');
   return (0, _litElement.html)(_templateObject11 || (_templateObject11 = (0, _taggedTemplateLiteral2["default"])(["\n    <div class=\"", "\">\n      ", "\n      ", "\n    </div>\n  "])), mainClasses, config !== null && config !== void 0 && config.leadspace ? contentLeadspace : null, (config === null || config === void 0 ? void 0 : config.tocLayout) === _defs.TOC_TYPES.HORIZONTAL ? (0, _litElement.html)(_templateObject12 || (_templateObject12 = (0, _taggedTemplateLiteral2["default"])(["\n            <dds-table-of-contents\n              stickyOffset=\"48\"\n              toc-layout=", ">\n              <div class=\"bx--row\">\n                <div class=\"bx--col-lg-12\">", "</div>\n              </div>\n            </dds-table-of-contents>\n          "])), config.tocLayout, tocContent) : (0, _litElement.html)(_templateObject13 || (_templateObject13 = (0, _taggedTemplateLiteral2["default"])(["\n            <dds-table-of-contents\n              stickyOffset=\"48\"\n              toc-layout=", ">\n              ", "\n            </dds-table-of-contents>\n          "])), config.tocLayout, tocContent));
 };
-exports.StoryContent = StoryContent;
-var StoryContentNoToC = function StoryContentNoToC() {
+var StoryContentNoToC = exports.StoryContentNoToC = function StoryContentNoToC() {
   return (0, _litElement.html)(_templateObject14 || (_templateObject14 = (0, _taggedTemplateLiteral2["default"])(["\n    <div\n      class=\"dds-ce-demo-devenv--ui-shell-content\"\n      style=\"padding-right:1rem\">\n      <div class=\"bx--grid bx--col-lg-8\">\n        ", "\n\n        <dds-content-block-segmented>\n          <dds-content-block-heading\n            >Pharetra pharetra massa massa ultricies mi\n            quis.</dds-content-block-heading\n          >\n          ", "\n        </dds-content-block-segmented>\n\n        <dds-feature-card size=\"large\" href=\"https://example.com\">\n          <dds-image\n            slot=\"image\"\n            alt=\"Image alt text\"\n            default-src=\"", "\">\n            <dds-image-item\n              media=\"(min-width: 991px)\"\n              srcset=\"", "\"></dds-image-item>\n          </dds-image>\n          <dds-card-eyebrow>scelerisque purus</dds-card-eyebrow>\n          <dds-card-heading\n            >Elementum nibh tellus molestie nunc?</dds-card-heading\n          >\n          <p>\n            Habitant morbi tristique senectus et netus et malesuada fames.\n            Habitant morbu tristique.\n          </p>\n          <dds-feature-card-footer>\n            ", "\n          </dds-feature-card-footer>\n        </dds-feature-card>\n\n        <dds-content-block-segmented>\n          <dds-content-block-heading\n            >Elementum nibh tellus molestie nunc non.\n          </dds-content-block-heading>\n          ", "\n          <dds-card-cta\n            slot=\"footer\"\n            cta-type=\"local\"\n            href=\"https://example.com\">\n            Lorem ipsum dolor\n            <dds-card-cta-footer></dds-card-cta-footer>\n          </dds-card-cta>\n        </dds-content-block-segmented>\n\n        <dds-callout-with-media>\n          <dds-content-block-heading slot=\"heading\"\n            >Mauris ultrices eros in cursus</dds-content-block-heading\n          >\n          <dds-callout-with-media-copy size=\"sm\"\n            >Porttitor eget dolor morbi non arcu. Et ligula ullamcorper\n            malesuada proin libero nunc consequat. In est ante in nibh mauris\n            cursus mattis. Turpis tincidunt id aliquet risus feugiat in. Vel\n            facilisis volutpat est velit egestas dui.\n          </dds-callout-with-media-copy>\n          <dds-callout-with-media-video\n            video-id=\"1_9h94wo6b\"></dds-callout-with-media-video>\n        </dds-callout-with-media>\n\n        <dds-content-block-horizontal>\n          <dds-content-block-heading\n            >Tincidunt ornare massa</dds-content-block-heading\n          >\n          ", "\n        </dds-content-block-horizontal>\n\n        <dds-logo-grid ?hide-border=\"true\">\n          <dds-content-block-heading\n            >Lobortis elementum nibh tellus</dds-content-block-heading\n          >\n          ", "\n        </dds-logo-grid>\n\n        <dds-content-block-cards>\n          <dds-content-block-heading\n            >Aliquam condimentum interdum</dds-content-block-heading\n          >\n          <dds-card-group>\n            ", "\n          </dds-card-group>\n        </dds-content-block-cards>\n\n        <dds-callout-quote>\n          Duis aute irure dolor in reprehenderit\n          <dds-quote-source-heading>\n            Lorem ipsum dolor sit amet\n          </dds-quote-source-heading>\n          <dds-quote-source-copy>\n            consectetur adipiscing elit\n          </dds-quote-source-copy>\n          <dds-quote-source-bottom-copy>\n            IBM Cloud\n          </dds-quote-source-bottom-copy>\n          <dds-callout-link-with-icon slot=\"footer\" href=\"https://example.com\">\n            Link with Icon ", "\n          </dds-callout-link-with-icon>\n        </dds-callout-quote>\n\n        <dds-cta-block no-border>\n          <dds-content-block-heading\n            >Take the next step</dds-content-block-heading\n          >\n          <dds-content-block-copy\n            >Want to discuss your options with a DevOps expert? <br />\n            Contact our sales team to evaluate your\n            needs.</dds-content-block-copy\n          >\n\n          <dds-button-group slot=\"action\">\n            <dds-button-group-item href=\"https://example.com\">\n              Secondary Button ", "\n            </dds-button-group-item>\n            <dds-button-group-item href=\"https://example.com\">\n              Primary button ", "\n            </dds-button-group-item>\n          </dds-button-group>\n\n          <dds-cta-block-item-row no-border>\n            <dds-cta-block-item>\n              <dds-content-item-heading>Get connected</dds-content-item-heading>\n              <dds-content-item-copy\n                >IBM DevOps partners have a wide range of expertise. Find one to\n                build the right solution for you.</dds-content-item-copy\n              >\n              <dds-text-cta\n                slot=\"footer\"\n                cta-type=\"local\"\n                icon-placement=\"right\"\n                href=\"example.com\">\n                Find a partner\n              </dds-text-cta>\n            </dds-cta-block-item>\n\n            <dds-cta-block-item>\n              <dds-content-item-heading>Learn how</dds-content-item-heading>\n              <dds-content-item-copy\n                >IBM DevOps partners have a wide range of\n                expertise</dds-content-item-copy\n              >\n              <dds-text-cta\n                slot=\"footer\"\n                cta-type=\"local\"\n                icon-placement=\"right\"\n                href=\"example.com\">\n                Browse tutorials\n              </dds-text-cta>\n            </dds-cta-block-item>\n          </dds-cta-block-item-row>\n        </dds-cta-block>\n      </div>\n    </div>\n  "])), contentLeadspaceSearch, Array.from([1, 2]).map(function () {
     return contentBlockSegmentedItems;
   }), _fpo1x1720x["default"], _fpo1x1720x["default"], (0, _["default"])({
@@ -120,11 +110,9 @@ var StoryContentNoToC = function StoryContentNoToC() {
     slot: 'icon'
   }));
 };
-exports.StoryContentNoToC = StoryContentNoToC;
-var _default = {
+var _default = exports["default"] = {
   StoryContent: StoryContent,
   StoryContentNoToC: StoryContentNoToC
 };
 /* eslint-enable max-len */
-exports["default"] = _default;
 //# sourceMappingURL=content.js.map

package/es/components/dotcom-shell/__stories__/data/content.js.map

@@ -1 +1 @@
-{"version":3,"file":"content.js","names":["_litElement","require","_","_interopRequireDefault","_logos","_defs","_fpo16x9320x","_fpo16x9480x","_fpo16x9720x","_fpo1x1720x","_fpo4x31312x","_fpoLeadspace1584x","_templateObject","_templateObject2","_templateObject3","_templateObject4","_templateObject5","_templateObject6","_templateObject7","_templateObject8","_templateObject9","_templateObject10","_templateObject11","_templateObject12","_templateObject13","_templateObject14","_templateObject15","image","html","_taggedTemplateLiteral2","imgLg16x9","imgMd16x9","imgSm16x9","exports","contentBlockSegmentedItems","contentBlockSegmentedItemsWithImage","contentItemHorizontal","universalBanner","srcImage","cardGroupItems","imgXlg4x3","ArrowRight20","slot","contentLeadspace","leadspaceImg","contentLeadspaceSearch","tocContent","Array","from","map","imgLg1x1","logosGroup","elem","imgSrc","altText","StoryContent","config","arguments","length","undefined","l1","leadspace","tocLayout","TOC_TYPES","DEFAULT","mainClasses","filter","className","join","HORIZONTAL","StoryContentNoToC","_default"],"sources":["components/dotcom-shell/__stories__/data/content.ts"],"sourcesContent":["/* eslint-disable max-len */\n/**\n * Copyright IBM Corp. 2016, 2023\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 } from 'lit-element';\nimport ArrowRight20 from '../../../../internal/vendor/@carbon/web-components/icons/arrow--right/20';\nimport logosGroup from '../../../logo-grid/__stories__/data/logos.js';\nimport { TOC_TYPES } from '../../../table-of-contents/defs';\n\nimport '../../../card/index';\nimport '../../../cta/index';\nimport '../../../card-group/index';\nimport '../../../content-block/index';\nimport '../../../content-block-segmented/index';\nimport '../../../content-item-horizontal/index';\nimport '../../../leadspace/index';\nimport '../../../image/index';\nimport '../../../leadspace-block/index';\nimport '../../../link-list/index';\nimport '../../../quote/index';\nimport '../../../cta-block/index';\nimport '../../../callout-quote/index';\nimport '../../../callout-with-media/index';\nimport '../../../table-of-contents/index';\n\nimport imgSm16x9 from '../../../../../../storybook-images/assets/320/fpo--16x9--320x180--002.jpg';\nimport imgMd16x9 from '../../../../../../storybook-images/assets/480/fpo--16x9--480x270--002.jpg';\nimport imgLg16x9 from '../../../../../../storybook-images/assets/720/fpo--16x9--720x405--002.jpg';\nimport imgLg1x1 from '../../../../../../storybook-images/assets/720/fpo--1x1--720x720--005.jpg';\nimport imgXlg4x3 from '../../../../../../storybook-images/assets/1312/fpo--4x3--1312x984--003.jpg';\n\nimport leadspaceImg from '../../../../../../storybook-images/assets/leadspace/fpo--leadspace--1584x560--002.jpg';\n\nexport const image = html`\n  <dds-image\n    alt=\"Image alt text\"\n    default-src=\"${imgLg16x9}\"\n    heading=\"Lorem ipsum dolor sit amet, consectetur adipiscing elit.\">\n    <dds-image-item media=\"(min-width: 672px)\" srcset=\"${imgLg16x9}\">\n    </dds-image-item>\n    <dds-image-item media=\"(min-width: 400px)\" srcset=\"${imgMd16x9}\">\n    </dds-image-item>\n    <dds-image-item media=\"(min-width: 320px)\" srcset=\"${imgSm16x9}\">\n    </dds-image-item>\n  </dds-image>\n`;\n\nexport const contentBlockSegmentedItems = html`\n  <dds-content-block-segmented-item>\n    <dds-content-group-heading\n      >A scelerisque purus semper eget duis at tellus.\n    </dds-content-group-heading>\n    <dds-content-item-copy\n      >Elementum nibh tellus molestie nunc non. Habitant morbi tristique\n      senectus et netus et malesuada fames.\n    </dds-content-item-copy>\n    <dds-text-cta\n      slot=\"footer\"\n      cta-type=\"local\"\n      icon-placement=\"right\"\n      href=\"https://example.com\"\n      >Lorem Ipsum dolor sit</dds-text-cta\n    >\n  </dds-content-block-segmented-item>\n\n  <dds-content-block-segmented-item>\n    <dds-content-group-heading\n      >A scelerisque purus semper eget duis at tellus.\n    </dds-content-group-heading>\n    <dds-content-item-copy\n      >Elementum nibh tellus molestie nunc non. Habitant morbi tristique\n      senectus et netus et malesuada fames.\n    </dds-content-item-copy>\n  </dds-content-block-segmented-item>\n`;\n\nexport const contentBlockSegmentedItemsWithImage = html`\n  <dds-content-block-segmented-item>\n    <dds-content-group-heading\n      >A scelerisque purus semper eget duis at tellus.\n    </dds-content-group-heading>\n    <dds-content-item-copy\n      >Elementum nibh tellus molestie nunc non. Habitant morbi tristique\n      senectus et netus et malesuada fames.\n    </dds-content-item-copy>\n    ${image}\n    <dds-text-cta\n      slot=\"footer\"\n      cta-type=\"local\"\n      icon-placement=\"right\"\n      href=\"https://example.com\"\n      >Lorem Ipsum dolor sit</dds-text-cta\n    >\n  </dds-content-block-segmented-item>\n`;\n\nexport const contentItemHorizontal = html`\n  <dds-content-item-horizontal>\n    <dds-content-item-horizontal-eyebrow\n      >Lorem ipsum</dds-content-item-horizontal-eyebrow\n    >\n    <dds-content-item-heading>Aliquam condimentum</dds-content-item-heading>\n    <dds-content-item-horizontal-copy\n      >Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean et\n      ultricies est. Mauris iaculis eget dolor nec hendrerit. Phasellus at elit\n      sollicitudin.</dds-content-item-horizontal-copy\n    >\n    <dds-link-list slot=\"footer\" type=\"vertical\">\n      <dds-link-list-item-cta\n        icon-placement=\"right\"\n        href=\"https://www.ibm.com\"\n        cta-type=\"local\">\n        Link text\n      </dds-link-list-item-cta>\n      <dds-link-list-item-cta\n        icon-placement=\"right\"\n        href=\"https://www.ibm.com\"\n        cta-type=\"external\">\n        External link text\n      </dds-link-list-item-cta>\n    </dds-link-list>\n  </dds-content-item-horizontal>\n`;\n\nexport const universalBanner = (srcImage) => html`\n  <dds-universal-banner image-width=\"4-col\">\n    <dds-universal-banner-image\n      slot=\"image\"\n      default-src=\"${srcImage}\"></dds-universal-banner-image>\n    <dds-universal-banner-heading slot=\"heading\"\n      >heading</dds-universal-banner-heading\n    >\n    <dds-universal-banner-copy slot=\"copy\">copy</dds-universal-banner-copy>\n    <dds-button-cta\n      slot=\"cta\"\n      cta-type=\"local\"\n      kind=\"tertiary\"\n      href=\"https://www.example.com\">\n      cta copy\n    </dds-button-cta>\n  </dds-universal-banner>\n`;\n\nexport const cardGroupItems = html`\n  <dds-card-group-item href=\"https://example.com\">\n    <dds-image slot=\"image\" alt=\"Image alt text\" default-src=\"${imgXlg4x3}\">\n    </dds-image>\n    <dds-card-eyebrow>Topic</dds-card-eyebrow>\n    <dds-card-heading>Natural Language Processing.</dds-card-heading>\n    <dds-card-cta-footer slot=\"footer\">\n      ${ArrowRight20({ slot: 'icon' })}\n    </dds-card-cta-footer>\n  </dds-card-group-item>\n`;\n\nexport const contentLeadspace = html`\n  <dds-leadspace\n    size=\"medium\"\n    gradient-style-scheme=\"true\"\n    alt=\"\"\n    default-src=\"${leadspaceImg}\">\n    <dds-leadspace-heading>Leadspace Title</dds-leadspace-heading>\n    Use this area for a short line of copy to support the title\n    <dds-button-group slot=\"action\">\n      <dds-button-group-item aria-label=\"\" href=\"\">test</dds-button-group-item>\n    </dds-button-group>\n    <dds-image\n      slot=\"image\"\n      class=\"bx--image\"\n      alt=\"\"\n      default-src=\"${leadspaceImg}\">\n      <dds-image-item\n        media=\"(min-width: 672px)\"\n        srcset=\"${leadspaceImg}\"></dds-image-item>\n      <dds-image-item\n        media=\"(min-width: 0)\"\n        srcset=\"${leadspaceImg}\"></dds-image-item>\n    </dds-image>\n  </dds-leadspace>\n`;\n\nexport const contentLeadspaceSearch = html`\n  <dds-leadspace-with-search adjacent-theme=\"white-and-g10\" scroll-behavior>\n    <dds-leadspace-with-search-heading\n      >Find a product</dds-leadspace-with-search-heading\n    >\n    <dds-leadspace-with-search-content>\n      <dds-leadspace-with-search-content-heading\n        >Innovate like a startup, scale for the\n        enterprise</dds-leadspace-with-search-content-heading\n      >\n      <dds-leadspace-with-search-content-copy>\n        Automate your software release process with continuous delivery (CD)—the\n        most critical part of adopting DevOps. Build, test, and deploy code\n        changes quickly, ensuring software is always ready for deployment.\n      </dds-leadspace-with-search-content-copy>\n    </dds-leadspace-with-search-content>\n    <dds-search-with-typeahead\n      slot=\"search\"\n      leadspace-search\n      active\n      should-remain-open></dds-search-with-typeahead>\n  </dds-leadspace-with-search>\n`;\n\nexport const tocContent = html`\n  <a name=\"1\" data-title=\"Lorem ipsum dolor sit amet\"></a>\n  <dds-leadspace-block>\n    <dds-leadspace-block-heading\n      >Lorem ipsum dolor sit amet</dds-leadspace-block-heading\n    >\n    <dds-leadspace-block-content>\n      <dds-content-block-heading>\n        Consectetur adipiscing elit, sed do eiusmod tempor incididunt ut.\n      </dds-content-block-heading>\n      <dds-content-block-copy slot=\"copy\"\n        >Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi\n        ut aliquip ex ea commodo consequat.\n      </dds-content-block-copy>\n      <dds-leadspace-block-media slot=\"media\">\n        <dds-video-player-container\n          video-id=\"1_9h94wo6b\"></dds-video-player-container>\n      </dds-leadspace-block-media>\n      <dds-link-list type=\"end\">\n        <dds-link-list-heading>Featured products</dds-link-list-heading>\n        <dds-link-list-item href=\"https://example.com\">\n          IBM Cloud Continuous Delivery ${ArrowRight20({ slot: 'icon' })}\n        </dds-link-list-item>\n        <dds-link-list-item href=\"https://example.com\">\n          UrbanCode ${ArrowRight20({ slot: 'icon' })}\n        </dds-link-list-item>\n        <dds-link-list-item href=\"https://example.com\">\n          View all products ${ArrowRight20({ slot: 'icon' })}\n        </dds-link-list-item>\n      </dds-link-list>\n      <dds-leadspace-block-cta>\n        <dds-button-group-item href=\"www.ibm.com\"\n          >Contact sales\n          ${ArrowRight20({\n            slot: 'icon',\n          })}</dds-button-group-item\n        >\n      </dds-leadspace-block-cta>\n    </dds-leadspace-block-content>\n  </dds-leadspace-block>\n\n  <a name=\"2\" data-title=\"Pharetra pharetra massa massa ultricies mi quis.\"></a>\n  <dds-content-block-segmented>\n    <dds-content-block-heading\n      >Pharetra pharetra massa massa ultricies mi\n      quis.</dds-content-block-heading\n    >\n    ${Array.from([1, 2]).map(() => contentBlockSegmentedItems)}\n  </dds-content-block-segmented>\n  <dds-feature-card size=\"large\" href=\"https://example.com\">\n    <dds-image slot=\"image\" alt=\"Image alt text\" default-src=\"${imgLg1x1}\">\n      <dds-image-item\n        media=\"(min-width: 991px)\"\n        srcset=\"${imgLg1x1}\"></dds-image-item>\n    </dds-image>\n    <dds-card-eyebrow>scelerisque purus</dds-card-eyebrow>\n    <dds-card-heading>Elementum nibh tellus molestie nunc?</dds-card-heading>\n    <p>\n      Habitant morbi tristique senectus et netus et malesuada fames. Habitant\n      morbu tristique.\n    </p>\n    <dds-feature-card-footer>\n      ${ArrowRight20({ slot: 'icon' })}\n    </dds-feature-card-footer>\n  </dds-feature-card>\n\n  <a name=\"3\" data-title=\"Elementum nibh tellus molestie nunc non.\"></a>\n  <dds-content-block-segmented>\n    <dds-content-block-heading\n      >Elementum nibh tellus molestie nunc non.\n    </dds-content-block-heading>\n    ${Array.from([1, 2]).map(() => contentBlockSegmentedItemsWithImage)}\n    <dds-card-cta slot=\"footer\" cta-type=\"local\" href=\"https://example.com\">\n      Lorem ipsum dolor\n      <dds-card-cta-footer></dds-card-cta-footer>\n    </dds-card-cta>\n  </dds-content-block-segmented>\n\n  <dds-callout-with-media>\n    <dds-content-block-heading slot=\"heading\"\n      >Mauris ultrices eros in cursus</dds-content-block-heading\n    >\n    <dds-callout-with-media-copy size=\"sm\"\n      >Porttitor eget dolor morbi non arcu. Et ligula ullamcorper malesuada\n      proin libero nunc consequat. In est ante in nibh mauris cursus mattis.\n      Turpis tincidunt id aliquet risus feugiat in. Vel facilisis volutpat est\n      velit egestas dui.\n    </dds-callout-with-media-copy>\n    <dds-callout-with-media-video\n      video-id=\"1_9h94wo6b\"></dds-callout-with-media-video>\n  </dds-callout-with-media>\n\n  <a name=\"4\" data-title=\"Tincidunt ornare massa\"></a>\n  <dds-content-block-horizontal>\n    <dds-content-block-heading\n      >Tincidunt ornare massa</dds-content-block-heading\n    >\n    ${Array.from([1, 2]).map(() => contentItemHorizontal)}\n  </dds-content-block-horizontal>\n\n  <a name=\"5\" data-title=\"Lobortis elementum nibh tellus\"></a>\n  <dds-logo-grid ?hide-border=\"true\">\n    <dds-content-block-heading\n      >Lobortis elementum nibh tellus</dds-content-block-heading\n    >\n    ${logosGroup &&\n    logosGroup.map(\n      (elem) => html`\n        <dds-logo-grid-item\n          default-src=\"${elem.imgSrc}\"\n          alt=\"${elem.altText}\"></dds-logo-grid-item>\n      `\n    )}\n  </dds-logo-grid>\n\n  <a name=\"6\" data-title=\"Aliquam condimentum interdum\"></a>\n  <dds-content-block-cards>\n    <dds-content-block-heading\n      >Aliquam condimentum interdum</dds-content-block-heading\n    >\n    <dds-card-group>\n      ${Array.from([1, 2, 3]).map(() => cardGroupItems)}\n    </dds-card-group>\n  </dds-content-block-cards>\n  <dds-callout-quote>\n    Duis aute irure dolor in reprehenderit\n    <dds-quote-source-heading>\n      Lorem ipsum dolor sit amet\n    </dds-quote-source-heading>\n    <dds-quote-source-copy> consectetur adipiscing elit </dds-quote-source-copy>\n    <dds-quote-source-bottom-copy> IBM Cloud </dds-quote-source-bottom-copy>\n    <dds-callout-link-with-icon slot=\"footer\" href=\"https://example.com\">\n      Link with Icon ${ArrowRight20({ slot: 'icon' })}\n    </dds-callout-link-with-icon>\n  </dds-callout-quote>\n\n  <a name=\"7\" data-title=\"Duis aute irure dolor in reprehenderit\"></a>\n  <dds-cta-block no-border>\n    <dds-content-block-heading>Take the next step</dds-content-block-heading>\n    <dds-content-block-copy\n      >Want to discuss your options with a DevOps expert? <br />\n      Contact our sales team to evaluate your needs.</dds-content-block-copy\n    >\n    <dds-button-group slot=\"action\">\n      <dds-button-group-item href=\"https://example.com\">\n        Secondary Button ${ArrowRight20({ slot: 'icon' })}\n      </dds-button-group-item>\n      <dds-button-group-item href=\"https://example.com\">\n        Primary button ${ArrowRight20({ slot: 'icon' })}\n      </dds-button-group-item>\n    </dds-button-group>\n    <dds-cta-block-item-row no-border>\n      <dds-cta-block-item>\n        <dds-content-item-heading>Get connected</dds-content-item-heading>\n        <dds-content-item-copy\n          >IBM DevOps partners have a wide range of expertise. Find one to build\n          the right solution for you.</dds-content-item-copy\n        >\n        <dds-text-cta\n          slot=\"footer\"\n          cta-type=\"local\"\n          icon-placement=\"right\"\n          href=\"example.com\">\n          Find a partner\n        </dds-text-cta>\n      </dds-cta-block-item>\n      <dds-cta-block-item>\n        <dds-content-item-heading>Learn how</dds-content-item-heading>\n        <dds-content-item-copy\n          >IBM DevOps partners have a wide range of\n          expertise</dds-content-item-copy\n        >\n        <dds-text-cta\n          slot=\"footer\"\n          cta-type=\"local\"\n          icon-placement=\"right\"\n          href=\"example.com\">\n          Browse tutorials\n        </dds-text-cta>\n      </dds-cta-block-item>\n    </dds-cta-block-item-row>\n  </dds-cta-block>\n`;\n\nexport const StoryContent = (\n  config = {\n    l1: false,\n    leadspace: false,\n    tocLayout: TOC_TYPES.DEFAULT,\n  }\n) => {\n  const mainClasses = [\n    'bx--content',\n    'dds-ce-demo-devenv--ui-shell-content',\n    config?.l1 ? 'has-l1' : null,\n    config?.leadspace ? 'has-leadspace' : null,\n  ]\n    .filter((className) => className != null)\n    .join(' ');\n\n  return html`\n    <div class=\"${mainClasses}\">\n      ${config?.leadspace ? contentLeadspace : null}\n      ${config?.tocLayout === TOC_TYPES.HORIZONTAL\n        ? html`\n            <dds-table-of-contents\n              stickyOffset=\"48\"\n              toc-layout=${config.tocLayout}>\n              <div class=\"bx--row\">\n                <div class=\"bx--col-lg-12\">${tocContent}</div>\n              </div>\n            </dds-table-of-contents>\n          `\n        : html`\n            <dds-table-of-contents\n              stickyOffset=\"48\"\n              toc-layout=${config.tocLayout}>\n              ${tocContent}\n            </dds-table-of-contents>\n          `}\n    </div>\n  `;\n};\n\nexport const StoryContentNoToC = () =>\n  html`\n    <div\n      class=\"dds-ce-demo-devenv--ui-shell-content\"\n      style=\"padding-right:1rem\">\n      <div class=\"bx--grid bx--col-lg-8\">\n        ${contentLeadspaceSearch}\n\n        <dds-content-block-segmented>\n          <dds-content-block-heading\n            >Pharetra pharetra massa massa ultricies mi\n            quis.</dds-content-block-heading\n          >\n          ${Array.from([1, 2]).map(() => contentBlockSegmentedItems)}\n        </dds-content-block-segmented>\n\n        <dds-feature-card size=\"large\" href=\"https://example.com\">\n          <dds-image\n            slot=\"image\"\n            alt=\"Image alt text\"\n            default-src=\"${imgLg1x1}\">\n            <dds-image-item\n              media=\"(min-width: 991px)\"\n              srcset=\"${imgLg1x1}\"></dds-image-item>\n          </dds-image>\n          <dds-card-eyebrow>scelerisque purus</dds-card-eyebrow>\n          <dds-card-heading\n            >Elementum nibh tellus molestie nunc?</dds-card-heading\n          >\n          <p>\n            Habitant morbi tristique senectus et netus et malesuada fames.\n            Habitant morbu tristique.\n          </p>\n          <dds-feature-card-footer>\n            ${ArrowRight20({ slot: 'icon' })}\n          </dds-feature-card-footer>\n        </dds-feature-card>\n\n        <dds-content-block-segmented>\n          <dds-content-block-heading\n            >Elementum nibh tellus molestie nunc non.\n          </dds-content-block-heading>\n          ${Array.from([1, 2]).map(() => contentBlockSegmentedItemsWithImage)}\n          <dds-card-cta\n            slot=\"footer\"\n            cta-type=\"local\"\n            href=\"https://example.com\">\n            Lorem ipsum dolor\n            <dds-card-cta-footer></dds-card-cta-footer>\n          </dds-card-cta>\n        </dds-content-block-segmented>\n\n        <dds-callout-with-media>\n          <dds-content-block-heading slot=\"heading\"\n            >Mauris ultrices eros in cursus</dds-content-block-heading\n          >\n          <dds-callout-with-media-copy size=\"sm\"\n            >Porttitor eget dolor morbi non arcu. Et ligula ullamcorper\n            malesuada proin libero nunc consequat. In est ante in nibh mauris\n            cursus mattis. Turpis tincidunt id aliquet risus feugiat in. Vel\n            facilisis volutpat est velit egestas dui.\n          </dds-callout-with-media-copy>\n          <dds-callout-with-media-video\n            video-id=\"1_9h94wo6b\"></dds-callout-with-media-video>\n        </dds-callout-with-media>\n\n        <dds-content-block-horizontal>\n          <dds-content-block-heading\n            >Tincidunt ornare massa</dds-content-block-heading\n          >\n          ${Array.from([1, 2]).map(() => contentItemHorizontal)}\n        </dds-content-block-horizontal>\n\n        <dds-logo-grid ?hide-border=\"true\">\n          <dds-content-block-heading\n            >Lobortis elementum nibh tellus</dds-content-block-heading\n          >\n          ${logosGroup &&\n          logosGroup.map(\n            (elem) => html`\n              <dds-logo-grid-item\n                default-src=\"${elem.imgSrc}\"\n                alt=\"${elem.altText}\"></dds-logo-grid-item>\n            `\n          )}\n        </dds-logo-grid>\n\n        <dds-content-block-cards>\n          <dds-content-block-heading\n            >Aliquam condimentum interdum</dds-content-block-heading\n          >\n          <dds-card-group>\n            ${Array.from([1, 2, 3]).map(() => cardGroupItems)}\n          </dds-card-group>\n        </dds-content-block-cards>\n\n        <dds-callout-quote>\n          Duis aute irure dolor in reprehenderit\n          <dds-quote-source-heading>\n            Lorem ipsum dolor sit amet\n          </dds-quote-source-heading>\n          <dds-quote-source-copy>\n            consectetur adipiscing elit\n          </dds-quote-source-copy>\n          <dds-quote-source-bottom-copy>\n            IBM Cloud\n          </dds-quote-source-bottom-copy>\n          <dds-callout-link-with-icon slot=\"footer\" href=\"https://example.com\">\n            Link with Icon ${ArrowRight20({ slot: 'icon' })}\n          </dds-callout-link-with-icon>\n        </dds-callout-quote>\n\n        <dds-cta-block no-border>\n          <dds-content-block-heading\n            >Take the next step</dds-content-block-heading\n          >\n          <dds-content-block-copy\n            >Want to discuss your options with a DevOps expert? <br />\n            Contact our sales team to evaluate your\n            needs.</dds-content-block-copy\n          >\n\n          <dds-button-group slot=\"action\">\n            <dds-button-group-item href=\"https://example.com\">\n              Secondary Button ${ArrowRight20({ slot: 'icon' })}\n            </dds-button-group-item>\n            <dds-button-group-item href=\"https://example.com\">\n              Primary button ${ArrowRight20({ slot: 'icon' })}\n            </dds-button-group-item>\n          </dds-button-group>\n\n          <dds-cta-block-item-row no-border>\n            <dds-cta-block-item>\n              <dds-content-item-heading>Get connected</dds-content-item-heading>\n              <dds-content-item-copy\n                >IBM DevOps partners have a wide range of expertise. Find one to\n                build the right solution for you.</dds-content-item-copy\n              >\n              <dds-text-cta\n                slot=\"footer\"\n                cta-type=\"local\"\n                icon-placement=\"right\"\n                href=\"example.com\">\n                Find a partner\n              </dds-text-cta>\n            </dds-cta-block-item>\n\n            <dds-cta-block-item>\n              <dds-content-item-heading>Learn how</dds-content-item-heading>\n              <dds-content-item-copy\n                >IBM DevOps partners have a wide range of\n                expertise</dds-content-item-copy\n              >\n              <dds-text-cta\n                slot=\"footer\"\n                cta-type=\"local\"\n                icon-placement=\"right\"\n                href=\"example.com\">\n                Browse tutorials\n              </dds-text-cta>\n            </dds-cta-block-item>\n          </dds-cta-block-item-row>\n        </dds-cta-block>\n      </div>\n    </div>\n  `;\n\nexport default { StoryContent, StoryContentNoToC };\n/* eslint-enable max-len */\n"],"mappings":"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"}
+{"version":3,"file":"content.js","names":["_litElement","require","_","_interopRequireDefault","_logos","_defs","_fpo16x9320x","_fpo16x9480x","_fpo16x9720x","_fpo1x1720x","_fpo4x31312x","_fpoLeadspace1584x","_templateObject","_templateObject2","_templateObject3","_templateObject4","_templateObject5","_templateObject6","_templateObject7","_templateObject8","_templateObject9","_templateObject10","_templateObject11","_templateObject12","_templateObject13","_templateObject14","_templateObject15","image","exports","html","_taggedTemplateLiteral2","imgLg16x9","imgMd16x9","imgSm16x9","contentBlockSegmentedItems","contentBlockSegmentedItemsWithImage","contentItemHorizontal","universalBanner","srcImage","cardGroupItems","imgXlg4x3","ArrowRight20","slot","contentLeadspace","leadspaceImg","contentLeadspaceSearch","tocContent","Array","from","map","imgLg1x1","logosGroup","elem","imgSrc","altText","StoryContent","config","arguments","length","undefined","l1","leadspace","tocLayout","TOC_TYPES","DEFAULT","mainClasses","filter","className","join","HORIZONTAL","StoryContentNoToC","_default"],"sources":["components/dotcom-shell/__stories__/data/content.ts"],"sourcesContent":["/* eslint-disable max-len */\n/**\n * Copyright IBM Corp. 2016, 2023\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 } from 'lit-element';\nimport ArrowRight20 from '../../../../internal/vendor/@carbon/web-components/icons/arrow--right/20';\nimport logosGroup from '../../../logo-grid/__stories__/data/logos.js';\nimport { TOC_TYPES } from '../../../table-of-contents/defs';\n\nimport '../../../card/index';\nimport '../../../cta/index';\nimport '../../../card-group/index';\nimport '../../../content-block/index';\nimport '../../../content-block-segmented/index';\nimport '../../../content-item-horizontal/index';\nimport '../../../leadspace/index';\nimport '../../../image/index';\nimport '../../../leadspace-block/index';\nimport '../../../link-list/index';\nimport '../../../quote/index';\nimport '../../../cta-block/index';\nimport '../../../callout-quote/index';\nimport '../../../callout-with-media/index';\nimport '../../../table-of-contents/index';\n\nimport imgSm16x9 from '../../../../../../storybook-images/assets/320/fpo--16x9--320x180--002.jpg';\nimport imgMd16x9 from '../../../../../../storybook-images/assets/480/fpo--16x9--480x270--002.jpg';\nimport imgLg16x9 from '../../../../../../storybook-images/assets/720/fpo--16x9--720x405--002.jpg';\nimport imgLg1x1 from '../../../../../../storybook-images/assets/720/fpo--1x1--720x720--005.jpg';\nimport imgXlg4x3 from '../../../../../../storybook-images/assets/1312/fpo--4x3--1312x984--003.jpg';\n\nimport leadspaceImg from '../../../../../../storybook-images/assets/leadspace/fpo--leadspace--1584x560--002.jpg';\n\nexport const image = html`\n  <dds-image\n    alt=\"Image alt text\"\n    default-src=\"${imgLg16x9}\"\n    heading=\"Lorem ipsum dolor sit amet, consectetur adipiscing elit.\">\n    <dds-image-item media=\"(min-width: 672px)\" srcset=\"${imgLg16x9}\">\n    </dds-image-item>\n    <dds-image-item media=\"(min-width: 400px)\" srcset=\"${imgMd16x9}\">\n    </dds-image-item>\n    <dds-image-item media=\"(min-width: 320px)\" srcset=\"${imgSm16x9}\">\n    </dds-image-item>\n  </dds-image>\n`;\n\nexport const contentBlockSegmentedItems = html`\n  <dds-content-block-segmented-item>\n    <dds-content-group-heading\n      >A scelerisque purus semper eget duis at tellus.\n    </dds-content-group-heading>\n    <dds-content-item-copy\n      >Elementum nibh tellus molestie nunc non. Habitant morbi tristique\n      senectus et netus et malesuada fames.\n    </dds-content-item-copy>\n    <dds-text-cta\n      slot=\"footer\"\n      cta-type=\"local\"\n      icon-placement=\"right\"\n      href=\"https://example.com\"\n      >Lorem Ipsum dolor sit</dds-text-cta\n    >\n  </dds-content-block-segmented-item>\n\n  <dds-content-block-segmented-item>\n    <dds-content-group-heading\n      >A scelerisque purus semper eget duis at tellus.\n    </dds-content-group-heading>\n    <dds-content-item-copy\n      >Elementum nibh tellus molestie nunc non. Habitant morbi tristique\n      senectus et netus et malesuada fames.\n    </dds-content-item-copy>\n  </dds-content-block-segmented-item>\n`;\n\nexport const contentBlockSegmentedItemsWithImage = html`\n  <dds-content-block-segmented-item>\n    <dds-content-group-heading\n      >A scelerisque purus semper eget duis at tellus.\n    </dds-content-group-heading>\n    <dds-content-item-copy\n      >Elementum nibh tellus molestie nunc non. Habitant morbi tristique\n      senectus et netus et malesuada fames.\n    </dds-content-item-copy>\n    ${image}\n    <dds-text-cta\n      slot=\"footer\"\n      cta-type=\"local\"\n      icon-placement=\"right\"\n      href=\"https://example.com\"\n      >Lorem Ipsum dolor sit</dds-text-cta\n    >\n  </dds-content-block-segmented-item>\n`;\n\nexport const contentItemHorizontal = html`\n  <dds-content-item-horizontal>\n    <dds-content-item-horizontal-eyebrow\n      >Lorem ipsum</dds-content-item-horizontal-eyebrow\n    >\n    <dds-content-item-heading>Aliquam condimentum</dds-content-item-heading>\n    <dds-content-item-horizontal-copy\n      >Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean et\n      ultricies est. Mauris iaculis eget dolor nec hendrerit. Phasellus at elit\n      sollicitudin.</dds-content-item-horizontal-copy\n    >\n    <dds-link-list slot=\"footer\" type=\"vertical\">\n      <dds-link-list-item-cta\n        icon-placement=\"right\"\n        href=\"https://www.ibm.com\"\n        cta-type=\"local\">\n        Link text\n      </dds-link-list-item-cta>\n      <dds-link-list-item-cta\n        icon-placement=\"right\"\n        href=\"https://www.ibm.com\"\n        cta-type=\"external\">\n        External link text\n      </dds-link-list-item-cta>\n    </dds-link-list>\n  </dds-content-item-horizontal>\n`;\n\nexport const universalBanner = (srcImage) => html`\n  <dds-universal-banner image-width=\"4-col\">\n    <dds-universal-banner-image\n      slot=\"image\"\n      default-src=\"${srcImage}\"></dds-universal-banner-image>\n    <dds-universal-banner-heading slot=\"heading\"\n      >heading</dds-universal-banner-heading\n    >\n    <dds-universal-banner-copy slot=\"copy\">copy</dds-universal-banner-copy>\n    <dds-button-cta\n      slot=\"cta\"\n      cta-type=\"local\"\n      kind=\"tertiary\"\n      href=\"https://www.example.com\">\n      cta copy\n    </dds-button-cta>\n  </dds-universal-banner>\n`;\n\nexport const cardGroupItems = html`\n  <dds-card-group-item href=\"https://example.com\">\n    <dds-image slot=\"image\" alt=\"Image alt text\" default-src=\"${imgXlg4x3}\">\n    </dds-image>\n    <dds-card-eyebrow>Topic</dds-card-eyebrow>\n    <dds-card-heading>Natural Language Processing.</dds-card-heading>\n    <dds-card-cta-footer slot=\"footer\">\n      ${ArrowRight20({ slot: 'icon' })}\n    </dds-card-cta-footer>\n  </dds-card-group-item>\n`;\n\nexport const contentLeadspace = html`\n  <dds-leadspace\n    size=\"medium\"\n    gradient-style-scheme=\"true\"\n    alt=\"\"\n    default-src=\"${leadspaceImg}\">\n    <dds-leadspace-heading>Leadspace Title</dds-leadspace-heading>\n    Use this area for a short line of copy to support the title\n    <dds-button-group slot=\"action\">\n      <dds-button-group-item aria-label=\"\" href=\"\">test</dds-button-group-item>\n    </dds-button-group>\n    <dds-image\n      slot=\"image\"\n      class=\"bx--image\"\n      alt=\"\"\n      default-src=\"${leadspaceImg}\">\n      <dds-image-item\n        media=\"(min-width: 672px)\"\n        srcset=\"${leadspaceImg}\"></dds-image-item>\n      <dds-image-item\n        media=\"(min-width: 0)\"\n        srcset=\"${leadspaceImg}\"></dds-image-item>\n    </dds-image>\n  </dds-leadspace>\n`;\n\nexport const contentLeadspaceSearch = html`\n  <dds-leadspace-with-search adjacent-theme=\"white-and-g10\" scroll-behavior>\n    <dds-leadspace-with-search-heading\n      >Find a product</dds-leadspace-with-search-heading\n    >\n    <dds-leadspace-with-search-content>\n      <dds-leadspace-with-search-content-heading\n        >Innovate like a startup, scale for the\n        enterprise</dds-leadspace-with-search-content-heading\n      >\n      <dds-leadspace-with-search-content-copy>\n        Automate your software release process with continuous delivery (CD)—the\n        most critical part of adopting DevOps. Build, test, and deploy code\n        changes quickly, ensuring software is always ready for deployment.\n      </dds-leadspace-with-search-content-copy>\n    </dds-leadspace-with-search-content>\n    <dds-search-with-typeahead\n      slot=\"search\"\n      leadspace-search\n      active\n      should-remain-open></dds-search-with-typeahead>\n  </dds-leadspace-with-search>\n`;\n\nexport const tocContent = html`\n  <a name=\"1\" data-title=\"Lorem ipsum dolor sit amet\"></a>\n  <dds-leadspace-block>\n    <dds-leadspace-block-heading\n      >Lorem ipsum dolor sit amet</dds-leadspace-block-heading\n    >\n    <dds-leadspace-block-content>\n      <dds-content-block-heading>\n        Consectetur adipiscing elit, sed do eiusmod tempor incididunt ut.\n      </dds-content-block-heading>\n      <dds-content-block-copy slot=\"copy\"\n        >Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi\n        ut aliquip ex ea commodo consequat.\n      </dds-content-block-copy>\n      <dds-leadspace-block-media slot=\"media\">\n        <dds-video-player-container\n          video-id=\"1_9h94wo6b\"></dds-video-player-container>\n      </dds-leadspace-block-media>\n      <dds-link-list type=\"end\">\n        <dds-link-list-heading>Featured products</dds-link-list-heading>\n        <dds-link-list-item href=\"https://example.com\">\n          IBM Cloud Continuous Delivery ${ArrowRight20({ slot: 'icon' })}\n        </dds-link-list-item>\n        <dds-link-list-item href=\"https://example.com\">\n          UrbanCode ${ArrowRight20({ slot: 'icon' })}\n        </dds-link-list-item>\n        <dds-link-list-item href=\"https://example.com\">\n          View all products ${ArrowRight20({ slot: 'icon' })}\n        </dds-link-list-item>\n      </dds-link-list>\n      <dds-leadspace-block-cta>\n        <dds-button-group-item href=\"www.ibm.com\"\n          >Contact sales\n          ${ArrowRight20({\n            slot: 'icon',\n          })}</dds-button-group-item\n        >\n      </dds-leadspace-block-cta>\n    </dds-leadspace-block-content>\n  </dds-leadspace-block>\n\n  <a name=\"2\" data-title=\"Pharetra pharetra massa massa ultricies mi quis.\"></a>\n  <dds-content-block-segmented>\n    <dds-content-block-heading\n      >Pharetra pharetra massa massa ultricies mi\n      quis.</dds-content-block-heading\n    >\n    ${Array.from([1, 2]).map(() => contentBlockSegmentedItems)}\n  </dds-content-block-segmented>\n  <dds-feature-card size=\"large\" href=\"https://example.com\">\n    <dds-image slot=\"image\" alt=\"Image alt text\" default-src=\"${imgLg1x1}\">\n      <dds-image-item\n        media=\"(min-width: 991px)\"\n        srcset=\"${imgLg1x1}\"></dds-image-item>\n    </dds-image>\n    <dds-card-eyebrow>scelerisque purus</dds-card-eyebrow>\n    <dds-card-heading>Elementum nibh tellus molestie nunc?</dds-card-heading>\n    <p>\n      Habitant morbi tristique senectus et netus et malesuada fames. Habitant\n      morbu tristique.\n    </p>\n    <dds-feature-card-footer>\n      ${ArrowRight20({ slot: 'icon' })}\n    </dds-feature-card-footer>\n  </dds-feature-card>\n\n  <a name=\"3\" data-title=\"Elementum nibh tellus molestie nunc non.\"></a>\n  <dds-content-block-segmented>\n    <dds-content-block-heading\n      >Elementum nibh tellus molestie nunc non.\n    </dds-content-block-heading>\n    ${Array.from([1, 2]).map(() => contentBlockSegmentedItemsWithImage)}\n    <dds-card-cta slot=\"footer\" cta-type=\"local\" href=\"https://example.com\">\n      Lorem ipsum dolor\n      <dds-card-cta-footer></dds-card-cta-footer>\n    </dds-card-cta>\n  </dds-content-block-segmented>\n\n  <dds-callout-with-media>\n    <dds-content-block-heading slot=\"heading\"\n      >Mauris ultrices eros in cursus</dds-content-block-heading\n    >\n    <dds-callout-with-media-copy size=\"sm\"\n      >Porttitor eget dolor morbi non arcu. Et ligula ullamcorper malesuada\n      proin libero nunc consequat. In est ante in nibh mauris cursus mattis.\n      Turpis tincidunt id aliquet risus feugiat in. Vel facilisis volutpat est\n      velit egestas dui.\n    </dds-callout-with-media-copy>\n    <dds-callout-with-media-video\n      video-id=\"1_9h94wo6b\"></dds-callout-with-media-video>\n  </dds-callout-with-media>\n\n  <a name=\"4\" data-title=\"Tincidunt ornare massa\"></a>\n  <dds-content-block-horizontal>\n    <dds-content-block-heading\n      >Tincidunt ornare massa</dds-content-block-heading\n    >\n    ${Array.from([1, 2]).map(() => contentItemHorizontal)}\n  </dds-content-block-horizontal>\n\n  <a name=\"5\" data-title=\"Lobortis elementum nibh tellus\"></a>\n  <dds-logo-grid ?hide-border=\"true\">\n    <dds-content-block-heading\n      >Lobortis elementum nibh tellus</dds-content-block-heading\n    >\n    ${logosGroup &&\n    logosGroup.map(\n      (elem) => html`\n        <dds-logo-grid-item\n          default-src=\"${elem.imgSrc}\"\n          alt=\"${elem.altText}\"></dds-logo-grid-item>\n      `\n    )}\n  </dds-logo-grid>\n\n  <a name=\"6\" data-title=\"Aliquam condimentum interdum\"></a>\n  <dds-content-block-cards>\n    <dds-content-block-heading\n      >Aliquam condimentum interdum</dds-content-block-heading\n    >\n    <dds-card-group>\n      ${Array.from([1, 2, 3]).map(() => cardGroupItems)}\n    </dds-card-group>\n  </dds-content-block-cards>\n  <dds-callout-quote>\n    Duis aute irure dolor in reprehenderit\n    <dds-quote-source-heading>\n      Lorem ipsum dolor sit amet\n    </dds-quote-source-heading>\n    <dds-quote-source-copy> consectetur adipiscing elit </dds-quote-source-copy>\n    <dds-quote-source-bottom-copy> IBM Cloud </dds-quote-source-bottom-copy>\n    <dds-callout-link-with-icon slot=\"footer\" href=\"https://example.com\">\n      Link with Icon ${ArrowRight20({ slot: 'icon' })}\n    </dds-callout-link-with-icon>\n  </dds-callout-quote>\n\n  <a name=\"7\" data-title=\"Duis aute irure dolor in reprehenderit\"></a>\n  <dds-cta-block no-border>\n    <dds-content-block-heading>Take the next step</dds-content-block-heading>\n    <dds-content-block-copy\n      >Want to discuss your options with a DevOps expert? <br />\n      Contact our sales team to evaluate your needs.</dds-content-block-copy\n    >\n    <dds-button-group slot=\"action\">\n      <dds-button-group-item href=\"https://example.com\">\n        Secondary Button ${ArrowRight20({ slot: 'icon' })}\n      </dds-button-group-item>\n      <dds-button-group-item href=\"https://example.com\">\n        Primary button ${ArrowRight20({ slot: 'icon' })}\n      </dds-button-group-item>\n    </dds-button-group>\n    <dds-cta-block-item-row no-border>\n      <dds-cta-block-item>\n        <dds-content-item-heading>Get connected</dds-content-item-heading>\n        <dds-content-item-copy\n          >IBM DevOps partners have a wide range of expertise. Find one to build\n          the right solution for you.</dds-content-item-copy\n        >\n        <dds-text-cta\n          slot=\"footer\"\n          cta-type=\"local\"\n          icon-placement=\"right\"\n          href=\"example.com\">\n          Find a partner\n        </dds-text-cta>\n      </dds-cta-block-item>\n      <dds-cta-block-item>\n        <dds-content-item-heading>Learn how</dds-content-item-heading>\n        <dds-content-item-copy\n          >IBM DevOps partners have a wide range of\n          expertise</dds-content-item-copy\n        >\n        <dds-text-cta\n          slot=\"footer\"\n          cta-type=\"local\"\n          icon-placement=\"right\"\n          href=\"example.com\">\n          Browse tutorials\n        </dds-text-cta>\n      </dds-cta-block-item>\n    </dds-cta-block-item-row>\n  </dds-cta-block>\n`;\n\nexport const StoryContent = (\n  config = {\n    l1: false,\n    leadspace: false,\n    tocLayout: TOC_TYPES.DEFAULT,\n  }\n) => {\n  const mainClasses = [\n    'bx--content',\n    'dds-ce-demo-devenv--ui-shell-content',\n    config?.l1 ? 'has-l1' : null,\n    config?.leadspace ? 'has-leadspace' : null,\n  ]\n    .filter((className) => className != null)\n    .join(' ');\n\n  return html`\n    <div class=\"${mainClasses}\">\n      ${config?.leadspace ? contentLeadspace : null}\n      ${config?.tocLayout === TOC_TYPES.HORIZONTAL\n        ? html`\n            <dds-table-of-contents\n              stickyOffset=\"48\"\n              toc-layout=${config.tocLayout}>\n              <div class=\"bx--row\">\n                <div class=\"bx--col-lg-12\">${tocContent}</div>\n              </div>\n            </dds-table-of-contents>\n          `\n        : html`\n            <dds-table-of-contents\n              stickyOffset=\"48\"\n              toc-layout=${config.tocLayout}>\n              ${tocContent}\n            </dds-table-of-contents>\n          `}\n    </div>\n  `;\n};\n\nexport const StoryContentNoToC = () =>\n  html`\n    <div\n      class=\"dds-ce-demo-devenv--ui-shell-content\"\n      style=\"padding-right:1rem\">\n      <div class=\"bx--grid bx--col-lg-8\">\n        ${contentLeadspaceSearch}\n\n        <dds-content-block-segmented>\n          <dds-content-block-heading\n            >Pharetra pharetra massa massa ultricies mi\n            quis.</dds-content-block-heading\n          >\n          ${Array.from([1, 2]).map(() => contentBlockSegmentedItems)}\n        </dds-content-block-segmented>\n\n        <dds-feature-card size=\"large\" href=\"https://example.com\">\n          <dds-image\n            slot=\"image\"\n            alt=\"Image alt text\"\n            default-src=\"${imgLg1x1}\">\n            <dds-image-item\n              media=\"(min-width: 991px)\"\n              srcset=\"${imgLg1x1}\"></dds-image-item>\n          </dds-image>\n          <dds-card-eyebrow>scelerisque purus</dds-card-eyebrow>\n          <dds-card-heading\n            >Elementum nibh tellus molestie nunc?</dds-card-heading\n          >\n          <p>\n            Habitant morbi tristique senectus et netus et malesuada fames.\n            Habitant morbu tristique.\n          </p>\n          <dds-feature-card-footer>\n            ${ArrowRight20({ slot: 'icon' })}\n          </dds-feature-card-footer>\n        </dds-feature-card>\n\n        <dds-content-block-segmented>\n          <dds-content-block-heading\n            >Elementum nibh tellus molestie nunc non.\n          </dds-content-block-heading>\n          ${Array.from([1, 2]).map(() => contentBlockSegmentedItemsWithImage)}\n          <dds-card-cta\n            slot=\"footer\"\n            cta-type=\"local\"\n            href=\"https://example.com\">\n            Lorem ipsum dolor\n            <dds-card-cta-footer></dds-card-cta-footer>\n          </dds-card-cta>\n        </dds-content-block-segmented>\n\n        <dds-callout-with-media>\n          <dds-content-block-heading slot=\"heading\"\n            >Mauris ultrices eros in cursus</dds-content-block-heading\n          >\n          <dds-callout-with-media-copy size=\"sm\"\n            >Porttitor eget dolor morbi non arcu. Et ligula ullamcorper\n            malesuada proin libero nunc consequat. In est ante in nibh mauris\n            cursus mattis. Turpis tincidunt id aliquet risus feugiat in. Vel\n            facilisis volutpat est velit egestas dui.\n          </dds-callout-with-media-copy>\n          <dds-callout-with-media-video\n            video-id=\"1_9h94wo6b\"></dds-callout-with-media-video>\n        </dds-callout-with-media>\n\n        <dds-content-block-horizontal>\n          <dds-content-block-heading\n            >Tincidunt ornare massa</dds-content-block-heading\n          >\n          ${Array.from([1, 2]).map(() => contentItemHorizontal)}\n        </dds-content-block-horizontal>\n\n        <dds-logo-grid ?hide-border=\"true\">\n          <dds-content-block-heading\n            >Lobortis elementum nibh tellus</dds-content-block-heading\n          >\n          ${logosGroup &&\n          logosGroup.map(\n            (elem) => html`\n              <dds-logo-grid-item\n                default-src=\"${elem.imgSrc}\"\n                alt=\"${elem.altText}\"></dds-logo-grid-item>\n            `\n          )}\n        </dds-logo-grid>\n\n        <dds-content-block-cards>\n          <dds-content-block-heading\n            >Aliquam condimentum interdum</dds-content-block-heading\n          >\n          <dds-card-group>\n            ${Array.from([1, 2, 3]).map(() => cardGroupItems)}\n          </dds-card-group>\n        </dds-content-block-cards>\n\n        <dds-callout-quote>\n          Duis aute irure dolor in reprehenderit\n          <dds-quote-source-heading>\n            Lorem ipsum dolor sit amet\n          </dds-quote-source-heading>\n          <dds-quote-source-copy>\n            consectetur adipiscing elit\n          </dds-quote-source-copy>\n          <dds-quote-source-bottom-copy>\n            IBM Cloud\n          </dds-quote-source-bottom-copy>\n          <dds-callout-link-with-icon slot=\"footer\" href=\"https://example.com\">\n            Link with Icon ${ArrowRight20({ slot: 'icon' })}\n          </dds-callout-link-with-icon>\n        </dds-callout-quote>\n\n        <dds-cta-block no-border>\n          <dds-content-block-heading\n            >Take the next step</dds-content-block-heading\n          >\n          <dds-content-block-copy\n            >Want to discuss your options with a DevOps expert? <br />\n            Contact our sales team to evaluate your\n            needs.</dds-content-block-copy\n          >\n\n          <dds-button-group slot=\"action\">\n            <dds-button-group-item href=\"https://example.com\">\n              Secondary Button ${ArrowRight20({ slot: 'icon' })}\n            </dds-button-group-item>\n            <dds-button-group-item href=\"https://example.com\">\n              Primary button ${ArrowRight20({ slot: 'icon' })}\n            </dds-button-group-item>\n          </dds-button-group>\n\n          <dds-cta-block-item-row no-border>\n            <dds-cta-block-item>\n              <dds-content-item-heading>Get connected</dds-content-item-heading>\n              <dds-content-item-copy\n                >IBM DevOps partners have a wide range of expertise. Find one to\n                build the right solution for you.</dds-content-item-copy\n              >\n              <dds-text-cta\n                slot=\"footer\"\n                cta-type=\"local\"\n                icon-placement=\"right\"\n                href=\"example.com\">\n                Find a partner\n              </dds-text-cta>\n            </dds-cta-block-item>\n\n            <dds-cta-block-item>\n              <dds-content-item-heading>Learn how</dds-content-item-heading>\n              <dds-content-item-copy\n                >IBM DevOps partners have a wide range of\n                expertise</dds-content-item-copy\n              >\n              <dds-text-cta\n                slot=\"footer\"\n                cta-type=\"local\"\n                icon-placement=\"right\"\n                href=\"example.com\">\n                Browse tutorials\n              </dds-text-cta>\n            </dds-cta-block-item>\n          </dds-cta-block-item-row>\n        </dds-cta-block>\n      </div>\n    </div>\n  `;\n\nexport default { StoryContent, StoryContentNoToC };\n/* eslint-enable max-len */\n"],"mappings":"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"}

package/es/components/dotcom-shell/dotcom-shell-composite.d.ts

@@ -140,10 +140,6 @@ declare class DDSDotcomShellComposite extends LitElement {
      * The English title of the selected nav item.
      */
     selectedMenuItem: string;
-    /**
-     * `true` to open the locale modal. This goes to footer.
-     */
-    openLocaleModal: boolean;
     /**
      * Footer size. This goes to footer.
      */

package/es/components/dotcom-shell/dotcom-shell-composite.d.ts.map

@@ -1 +1 @@
-{"version":3,"sources":["components/dotcom-shell/dotcom-shell-composite.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAGH,OAAO,EAAkB,UAAU,EAAE,MAAM,aAAa,CAAC;AAGzD,OAAO,EAAE,UAAU,EAAE,MAAM,0EAA0E,CAAC;AACtG,OAAO,EACL,SAAS,EACT,YAAY,EACZ,UAAU,EACV,YAAY,EACZ,mBAAmB,EAEpB,MAAM,6EAA6E,CAAC;AAErF,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAC/C,OAAO,4BAA4B,CAAC;AACpC,OAAO,gBAAgB,CAAC;AAMxB;;;;GAIG;AACH,cACM,uBAAwB,SAAQ,UAAU;IAC9C;;OAEG;IACH,OAAO,CAAC,iBAAiB,CAAwB;IAEjD;;OAEG;IACH,OAAO,CAAC,mBAAmB,CAAwB;IAEnD;;OAEG;IACH,OAAO,CAAC,SAAS,CAAC,CAAc;IAEhC;;OAEG;IACH,OAAO,CAAC,uBAAuB;IAQ/B;;OAEG;IACH,OAAO,CAAC,yBAAyB;IA2CjC;;OAEG;IAEH,UAAU,UAAQ;IAElB;;OAEG;IAEH,SAAS,UAAQ;IAEjB;;OAEG;IAEH,SAAS,UAAS;IAElB;;OAEG;IAEH,cAAc,UAAS;IAEvB;;;;OAIG;IAEH,yBAAyB,CAAC,EAAE,mBAAmB,EAAE,CAAC;IAElD;;OAEG;IAEH,kBAAkB,UAAS;IAE3B;;OAEG;IAEH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB;;OAEG;IAEH,WAAW,CAAC,EAAE,MAAM,CAAC;IAUrB;;OAEG;IAEH,mBAAmB,gBAAuB;IAE1C;;;;OAIG;IAEH,oBAAoB,EAAE,MAAM,EAAE,CAAM;IAEpC;;OAEG;IAEH,mBAAmB,UAAS;IAE5B;;OAEG;IAEH,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB;;;;OAIG;IAEH,WAAW,EAAE,YAAY,EAAE,CAAM;IAEjC;;;;OAIG;IAEH,WAAW,CAAC,EAAE,MAAM,CAAC;IAkBrB;;;;OAIG;IAEH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAUlB;;;;OAIG;IAEH,UAAU,EAAE,SAAS,EAAE,CAAM;IAE7B;;;;OAIG;IAEH,UAAU,CAAC,EAAE,UAAU,CAAC;IAExB;;OAEG;IAEH,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAE/B;;OAEG;IAEH,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAE9B;;OAEG;IAEH,6BAA6B,CAAC,EAAE,MAAM,CAAC;IAEvC;;OAEG;IAEH,+BAA+B,CAAC,EAAE,MAAM,CAAC;IAEzC;;OAEG;IAEH,gBAAgB,EAAG,MAAM,CAAC;IAE1B;;OAEG;IAEH,eAAe,UAAS;IAExB;;OAEG;IAEH,UAAU,CAAC,EAAE,WAAW,CAAC;IAEzB;;;;OAIG;IAEH,kBAAkB,UAAS;IAE3B;;;;OAIG;IAEH,2BAA2B,CAAC,EAAE,mBAAmB,EAAE,CAAC;IAEpD;;OAEG;IAEH,MAAM,CAAC,EAAE,UAAU,CAAC;IAEpB;;;;OAIG;IAEH,QAAQ,CAAC,EAAE,YAAY,EAAE,CAAC;IAE1B;;OAEG;IAEH,eAAe,MAAC;IAEhB;;OAEG;IAEH,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAE3B;;;;OAIG;IAEH,UAAU,SAA0B;IAGpC,YAAY;IAIZ,MAAM,CAAC,iBAAiB,KAAA;IA+GxB,OAAO,CAAC,iBAAiB,KAAA;IAgBzB,MAAM;IAQN,MAAM,CAAC,MAAM,MAAU;CACxB;AAGD,eAAe,uBAAuB,CAAC","file":"dotcom-shell-composite.d.ts","sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2020, 2023\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 pickBy from 'lodash-es/pickBy.js';\nimport { html, property, LitElement } from 'lit-element';\nimport ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';\nimport { globalInit } from '../../internal/vendor/@carbon/ibmdotcom-services/services/global/global';\nimport { LocaleList } from '../../internal/vendor/@carbon/ibmdotcom-services-store/types/localeAPI.d';\nimport {\n  BasicLink,\n  BasicLinkSet,\n  MastheadL1,\n  MastheadLink,\n  MastheadProfileItem,\n  Translation,\n} from '../../internal/vendor/@carbon/ibmdotcom-services-store/types/translateAPI.d';\nimport { UNAUTHENTICATED_STATUS } from '../../internal/vendor/@carbon/ibmdotcom-services-store/types/profileAPI';\nimport { FOOTER_SIZE } from '../footer/footer';\nimport '../footer/footer-composite';\nimport './dotcom-shell';\nimport styles from './dotcom-shell-composite.scss';\nimport { carbonElement as customElement } from '../../internal/vendor/@carbon/web-components/globals/decorators/carbon-element';\n\nconst { stablePrefix: ddsPrefix } = ddsSettings;\n\n/**\n * Component that rendres dotcom shell from links, etc. data.\n *\n * @element dds-dotcom-shell-composite\n */\n@customElement(`${ddsPrefix}-dotcom-shell-composite`)\nclass DDSDotcomShellComposite extends LitElement {\n  /**\n   * The render target of the footer contents.\n   */\n  private _footerRenderRoot: Element | null = null;\n\n  /**\n   * The render target of the masthead contents.\n   */\n  private _mastheadRenderRoot: Element | null = null;\n\n  /**\n   * The masthead element.\n   */\n  private _masthead?: HTMLElement;\n\n  /**\n   * @returns The render root of the footer contents.\n   */\n  private _createFooterRenderRoot() {\n    const footer = this.ownerDocument!.createElement(\n      `${ddsPrefix}-footer-composite`\n    );\n    this.parentNode?.insertBefore(footer, this.nextSibling);\n    return footer;\n  }\n\n  /**\n   * @returns The render root of the masthead contents.\n   */\n  private _createMastheadRenderRoot() {\n    const masthead = this.ownerDocument!.createElement(\n      `${ddsPrefix}-masthead-composite`\n    );\n    this.parentNode?.insertBefore(masthead, this);\n    return masthead;\n  }\n\n  /**\n   * The placeholder for `loadLocaleList()` Redux action that may be mixed in. This goes to footer.\n   *\n   * @internal\n   */\n  _loadLocaleList?: (language?: string) => Promise<LocaleList>;\n\n  /**\n   * The placeholder for `loadSearchResults()` Redux action that may be mixed in. This goes to masthead.\n   *\n   * @internal\n   */\n  _loadSearchResults?: (searchQueryString: string) => Promise<string[]>;\n\n  /**\n   * The placeholder for `loadTranslation()` Redux action that will be mixed in. This goes to masthead and footer.\n   *\n   * @internal\n   */\n  _loadTranslation?: (language?: string) => Promise<Translation>;\n\n  /**\n   * The placeholder for `loadUserStatus()` Redux action that will be mixed in. This goes to masthead.\n   *\n   * @internal\n   */\n  _loadUserStatus?: () => void;\n\n  /**\n   * The placeholder for `setLanguage()` Redux action that will be mixed in. This goes to masthead.\n   *\n   * @internal\n   */\n  _setLanguage?: (language: string) => void;\n\n  /**\n   * `true` if there is a profile.\n   */\n  @property({ type: Boolean, attribute: 'has-profile' })\n  hasProfile = true;\n\n  /**\n   * `true` if there is a search.\n   */\n  @property({ type: Boolean, attribute: 'has-search' })\n  hasSearch = true;\n\n  /**\n   * `true` if there is a universal banner.\n   */\n  @property({ type: Boolean, attribute: 'has-banner' })\n  hasBanner = false;\n\n  /**\n   * `true` to activate the search box. This goes to masthead.\n   */\n  @property({ type: Boolean, attribute: 'activate-search' })\n  activateSearch = false;\n\n  /**\n   * The profile items for authenticated state. This goes to masthead.\n   * The data typically comes from `@carbon/ibmdotcom-services` and thus you don't need to set this property by default,\n   * but if you need an alternate way of integration (e.g. rendering Web Components tags in server-side) this property helps.\n   */\n  @property({ attribute: false })\n  authenticatedProfileItems?: MastheadProfileItem[];\n\n  /**\n   * The boolean to enable custom typeahead API.\n   */\n  @property({ attribute: 'custom-typeahead-api', type: Boolean })\n  customTypeaheadAPI = false;\n\n  /**\n   * The platform name. This goes to masthead.\n   */\n  @property({ attribute: 'platform' })\n  platform?: string;\n\n  /**\n   * The platform url.\n   */\n  @property({ attribute: 'platform-url' })\n  platformUrl?: string;\n\n  /**\n   * The clear button label for language selector.\n   *\n   * @internal\n   */\n  @property({ attribute: 'clear-selection-label' })\n  clearSelectionLabel?: string;\n\n  /**\n   * The g11n collator to use for sorting contry names. This goes to footer.\n   */\n  @property({ attribute: false })\n  collatorCountryName = new Intl.Collator();\n\n  /**\n   * The search results to show in the UI. This goes to masthead.\n   * The data typically comes from our search service and thus you don't need to set this property by default,\n   * but if you need an alternate way of integration (e.g. rendering Web Components tags in server-side) this property helps.\n   */\n  @property({ attribute: false })\n  currentSearchResults: string[] = [];\n\n  /**\n   * `true` to omit the locale switcher button.\n   */\n  @property({ type: Boolean, attribute: 'disable-locale-button' })\n  disableLocaleButton = false;\n\n  /**\n   * The throttle timeout to run query upon user input. This goes to masthead.\n   */\n  @property({ type: Number, attribute: 'input-timeout' })\n  inputTimeout?: number;\n\n  /**\n   * The footer links. This goes to footer.\n   * The data typically comes from `@carbon/ibmdotcom-services` and thus you don't need to set this property by default,\n   * but if you need an alternate way of integration (e.g. rendering Web Components tags in server-side) this property helps.\n   */\n  @property({ attribute: false })\n  footerLinks: BasicLinkSet[] = [];\n\n  /**\n   * The language to show in the UI. This goes to footer.\n   * The data typically comes from `@carbon/ibmdotcom-services` and thus you don't need to set this property by default,\n   * but if you need an alternate way of integration (e.g. rendering Web Components tags in server-side) this property helps.\n   */\n  @property({ attribute: 'lang-display' })\n  langDisplay?: string;\n\n  /**\n   * The placeholder label for language selector.\n   *\n   * @internal\n   */\n  @property({ attribute: 'language-selector-label' })\n  languageSelectorLabel?: string;\n\n  /**\n   * The initial selected language in the selector.\n   *\n   * @internal\n   */\n  @property({ attribute: 'selected-language' })\n  selectedLanguage?: string;\n\n  /**\n   * The language used for query. This goes to masthead and footer.\n   * The data typically comes from `@carbon/ibmdotcom-services` and thus you don't need to set this property by default,\n   * but if you need an alternate way of integration (e.g. rendering Web Components tags in server-side) this property helps.\n   */\n  @property()\n  language?: string;\n\n  /**\n   * Placeholder list of languages to populate language selector\n   *\n   * @internal\n   */\n  @property({ attribute: false })\n  langList?: string[];\n\n  /**\n   * The legal nav links. This goes to footer.\n   * The data typically comes from `@carbon/ibmdotcom-services` and thus you don't need to set this property by default,\n   * but if you need an alternate way of integration (e.g. rendering Web Components tags in server-side) this property helps.\n   */\n  @property({ attribute: false })\n  legalLinks: BasicLink[] = [];\n\n  /**\n   * The locale list. This goes to footer.\n   * The data typically comes from `@carbon/ibmdotcom-services` and thus you don't need to set this property by default,\n   * but if you need an alternate way of integration (e.g. rendering Web Components tags in server-side) this property helps.\n   */\n  @property({ attribute: false })\n  localeList?: LocaleList;\n\n  /**\n   * The `aria-label` attribute for the top-level container. This goes to masthead.\n   */\n  @property({ attribute: 'masthead-assistive-text' })\n  mastheadAssistiveText?: string;\n\n  /**\n   * The `aria-label` attribute for the menu bar UI. This goes to masthead.\n   */\n  @property({ attribute: 'menu-bar-assistive-text' })\n  menuBarAssistiveText?: string;\n\n  /**\n   * The `aria-label` attribute for the header menu button in its active state. This goes to masthead.\n   */\n  @property({ attribute: 'menu-button-assistive-text-active' })\n  menuButtonAssistiveTextActive?: string;\n\n  /**\n   * The `aria-label` attribute for the header menu button in its active state. This goes to masthead.\n   */\n  @property({ attribute: 'menu-button-assistive-text-inactive' })\n  menuButtonAssistiveTextInactive?: string;\n\n  /**\n   * The English title of the selected nav item.\n   */\n  @property({ attribute: 'selected-menu-item' })\n  selectedMenuItem!: string;\n\n  /**\n   * `true` to open the locale modal. This goes to footer.\n   */\n  @property({ type: Boolean, attribute: 'open-locale-modal' })\n  openLocaleModal = false;\n\n  /**\n   * Footer size. This goes to footer.\n   */\n  @property({ reflect: true, attribute: 'footer-size' })\n  footerSize?: FOOTER_SIZE;\n\n  /**\n   * `true` to open the search dropdown.. This goes to masthead.\n   * The data typically comes from our search service and thus you don't need to set this property by default,\n   * but if you need an alternate way of integration (e.g. rendering Web Components tags in server-side) this property helps.\n   */\n  @property({ type: Boolean, reflect: true, attribute: 'open-search-dropdown' })\n  openSearchDropdown = false;\n\n  /**\n   * The profile items for unauthenticated state. This goes to masthead.\n   * The data typically comes from `@carbon/ibmdotcom-services` and thus you don't need to set this property by default,\n   * but if you need an alternate way of integration (e.g. rendering Web Components tags in server-side) this property helps.\n   */\n  @property({ attribute: false })\n  unauthenticatedProfileItems?: MastheadProfileItem[];\n\n  /**\n   * Data for l1.\n   */\n  @property({ attribute: false })\n  l1Data?: MastheadL1;\n\n  /**\n   * The navigation links. This goes to masthead.\n   * The data typically comes from `@carbon/ibmdotcom-services` and thus you don't need to set this property by default,\n   * but if you need an alternate way of integration (e.g. rendering Web Components tags in server-side) this property helps.\n   */\n  @property({ attribute: false })\n  navLinks?: MastheadLink[];\n\n  /**\n   * The parameters passed to the search-with-typeahead for search scope\n   */\n  @property()\n  scopeParameters;\n\n  /**\n   * Value to display when the input has an empty `value`.\n   */\n  @property()\n  searchPlaceholder?: string;\n\n  /**\n   * The user authentication status. This goes to masthead.\n   * The data typically comes from `@carbon/ibmdotcom-services` and thus you don't need to set this property by default,\n   * but if you need an alternate way of integration (e.g. rendering Web Components tags in server-side) this property helps.\n   */\n  @property({ attribute: 'user-status' })\n  userStatus = UNAUTHENTICATED_STATUS;\n\n  // eslint-disable-next-line class-methods-use-this\n  firstUpdated() {\n    globalInit();\n  }\n\n  update(changedProperties) {\n    super.update(changedProperties);\n\n    if (!this._mastheadRenderRoot) {\n      this._mastheadRenderRoot = this._createMastheadRenderRoot();\n    }\n\n    const {\n      activateSearch,\n      authenticatedProfileItems,\n      platform,\n      platformUrl,\n      collatorCountryName,\n      currentSearchResults,\n      customTypeaheadAPI,\n      clearSelectionLabel,\n      disableLocaleButton,\n      mastheadAssistiveText,\n      menuBarAssistiveText,\n      menuButtonAssistiveTextActive,\n      menuButtonAssistiveTextInactive,\n      unauthenticatedProfileItems,\n      inputTimeout,\n      l1Data,\n      language,\n      languageSelectorLabel,\n      langDisplay,\n      langList,\n      legalLinks,\n      localeList,\n      footerLinks,\n      footerSize,\n      openLocaleModal,\n      openSearchDropdown,\n      navLinks,\n      hasProfile,\n      hasSearch,\n      searchPlaceholder,\n      scopeParameters,\n      selectedLanguage,\n      selectedMenuItem,\n      userStatus,\n      _setLanguage,\n      _loadLocaleList,\n      _loadTranslation,\n      _loadUserStatus,\n      _loadSearchResults,\n    } = this;\n    Object.assign(\n      this._mastheadRenderRoot,\n      pickBy(\n        {\n          activateSearch,\n          authenticatedProfileItems,\n          platform,\n          platformUrl,\n          currentSearchResults,\n          customTypeaheadAPI,\n          mastheadAssistiveText,\n          menuBarAssistiveText,\n          menuButtonAssistiveTextActive,\n          menuButtonAssistiveTextInactive,\n          unauthenticatedProfileItems,\n          inputTimeout,\n          l1Data,\n          language,\n          navLinks,\n          hasProfile,\n          hasSearch,\n          searchPlaceholder,\n          scopeParameters,\n          openSearchDropdown,\n          selectedMenuItem,\n          userStatus,\n          _loadSearchResults,\n          _loadTranslation,\n          _loadUserStatus,\n          _setLanguage,\n        },\n        (value) => value !== undefined\n      )\n    );\n    if (!this._footerRenderRoot) {\n      this._footerRenderRoot = this._createFooterRenderRoot();\n    }\n    Object.assign(\n      this._footerRenderRoot,\n      pickBy(\n        {\n          clearSelectionLabel,\n          collatorCountryName,\n          disableLocaleButton,\n          language,\n          languageSelectorLabel,\n          langDisplay,\n          langList,\n          legalLinks,\n          links: footerLinks,\n          localeList,\n          openLocaleModal,\n          selectedLanguage,\n          size: footerSize,\n          _loadLocaleList,\n          _loadTranslation,\n          _setLanguage,\n        },\n        (value) => value !== undefined\n      )\n    );\n  }\n\n  updated(changedProperties) {\n    super.updated(changedProperties);\n\n    // moving universal banner outside of dotcom shell if placed within\n    if (this.querySelector('dds-universal-banner')) {\n      this.ownerDocument\n        .querySelector('dds-masthead-composite')\n        ?.before(this.querySelector('dds-universal-banner') as HTMLElement);\n    }\n\n    if (this.ownerDocument.querySelector('dds-universal-banner')) {\n      this.hasBanner = true;\n      this._masthead?.setAttribute('with-banner', '');\n    }\n  }\n\n  render() {\n    return html`\n      <dds-dotcom-shell>\n        <slot></slot>\n      </dds-dotcom-shell>\n    `;\n  }\n\n  static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\n/* @__GENERATE_REACT_CUSTOM_ELEMENT_TYPE__ */\nexport default DDSDotcomShellComposite;\n"]}
+{"version":3,"sources":["components/dotcom-shell/dotcom-shell-composite.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAGH,OAAO,EAAkB,UAAU,EAAE,MAAM,aAAa,CAAC;AAGzD,OAAO,EAAE,UAAU,EAAE,MAAM,0EAA0E,CAAC;AACtG,OAAO,EACL,SAAS,EACT,YAAY,EACZ,UAAU,EACV,YAAY,EACZ,mBAAmB,EAEpB,MAAM,6EAA6E,CAAC;AAErF,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAC/C,OAAO,4BAA4B,CAAC;AACpC,OAAO,gBAAgB,CAAC;AAMxB;;;;GAIG;AACH,cACM,uBAAwB,SAAQ,UAAU;IAC9C;;OAEG;IACH,OAAO,CAAC,iBAAiB,CAAwB;IAEjD;;OAEG;IACH,OAAO,CAAC,mBAAmB,CAAwB;IAEnD;;OAEG;IACH,OAAO,CAAC,SAAS,CAAC,CAAc;IAEhC;;OAEG;IACH,OAAO,CAAC,uBAAuB;IAQ/B;;OAEG;IACH,OAAO,CAAC,yBAAyB;IA2CjC;;OAEG;IAEH,UAAU,UAAQ;IAElB;;OAEG;IAEH,SAAS,UAAQ;IAEjB;;OAEG;IAEH,SAAS,UAAS;IAElB;;OAEG;IAEH,cAAc,UAAS;IAEvB;;;;OAIG;IAEH,yBAAyB,CAAC,EAAE,mBAAmB,EAAE,CAAC;IAElD;;OAEG;IAEH,kBAAkB,UAAS;IAE3B;;OAEG;IAEH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB;;OAEG;IAEH,WAAW,CAAC,EAAE,MAAM,CAAC;IAUrB;;OAEG;IAEH,mBAAmB,gBAAuB;IAE1C;;;;OAIG;IAEH,oBAAoB,EAAE,MAAM,EAAE,CAAM;IAEpC;;OAEG;IAEH,mBAAmB,UAAS;IAE5B;;OAEG;IAEH,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB;;;;OAIG;IAEH,WAAW,EAAE,YAAY,EAAE,CAAM;IAEjC;;;;OAIG;IAEH,WAAW,CAAC,EAAE,MAAM,CAAC;IAkBrB;;;;OAIG;IAEH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAUlB;;;;OAIG;IAEH,UAAU,EAAE,SAAS,EAAE,CAAM;IAE7B;;;;OAIG;IAEH,UAAU,CAAC,EAAE,UAAU,CAAC;IAExB;;OAEG;IAEH,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAE/B;;OAEG;IAEH,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAE9B;;OAEG;IAEH,6BAA6B,CAAC,EAAE,MAAM,CAAC;IAEvC;;OAEG;IAEH,+BAA+B,CAAC,EAAE,MAAM,CAAC;IAEzC;;OAEG;IAEH,gBAAgB,EAAG,MAAM,CAAC;IAE1B;;OAEG;IAEH,UAAU,CAAC,EAAE,WAAW,CAAC;IAEzB;;;;OAIG;IAEH,kBAAkB,UAAS;IAE3B;;;;OAIG;IAEH,2BAA2B,CAAC,EAAE,mBAAmB,EAAE,CAAC;IAEpD;;OAEG;IAEH,MAAM,CAAC,EAAE,UAAU,CAAC;IAEpB;;;;OAIG;IAEH,QAAQ,CAAC,EAAE,YAAY,EAAE,CAAC;IAE1B;;OAEG;IAEH,eAAe,MAAC;IAEhB;;OAEG;IAEH,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAE3B;;;;OAIG;IAEH,UAAU,SAA0B;IAGpC,YAAY;IAIZ,MAAM,CAAC,iBAAiB,KAAA;IA6GxB,OAAO,CAAC,iBAAiB,KAAA;IAgBzB,MAAM;IAQN,MAAM,CAAC,MAAM,MAAU;CACxB;AAGD,eAAe,uBAAuB,CAAC","file":"dotcom-shell-composite.d.ts","sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2020, 2023\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 pickBy from 'lodash-es/pickBy.js';\nimport { html, property, LitElement } from 'lit-element';\nimport ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';\nimport { globalInit } from '../../internal/vendor/@carbon/ibmdotcom-services/services/global/global';\nimport { LocaleList } from '../../internal/vendor/@carbon/ibmdotcom-services-store/types/localeAPI.d';\nimport {\n  BasicLink,\n  BasicLinkSet,\n  MastheadL1,\n  MastheadLink,\n  MastheadProfileItem,\n  Translation,\n} from '../../internal/vendor/@carbon/ibmdotcom-services-store/types/translateAPI.d';\nimport { UNAUTHENTICATED_STATUS } from '../../internal/vendor/@carbon/ibmdotcom-services-store/types/profileAPI';\nimport { FOOTER_SIZE } from '../footer/footer';\nimport '../footer/footer-composite';\nimport './dotcom-shell';\nimport styles from './dotcom-shell-composite.scss';\nimport { carbonElement as customElement } from '../../internal/vendor/@carbon/web-components/globals/decorators/carbon-element';\n\nconst { stablePrefix: ddsPrefix } = ddsSettings;\n\n/**\n * Component that rendres dotcom shell from links, etc. data.\n *\n * @element dds-dotcom-shell-composite\n */\n@customElement(`${ddsPrefix}-dotcom-shell-composite`)\nclass DDSDotcomShellComposite extends LitElement {\n  /**\n   * The render target of the footer contents.\n   */\n  private _footerRenderRoot: Element | null = null;\n\n  /**\n   * The render target of the masthead contents.\n   */\n  private _mastheadRenderRoot: Element | null = null;\n\n  /**\n   * The masthead element.\n   */\n  private _masthead?: HTMLElement;\n\n  /**\n   * @returns The render root of the footer contents.\n   */\n  private _createFooterRenderRoot() {\n    const footer = this.ownerDocument!.createElement(\n      `${ddsPrefix}-footer-composite`\n    );\n    this.parentNode?.insertBefore(footer, this.nextSibling);\n    return footer;\n  }\n\n  /**\n   * @returns The render root of the masthead contents.\n   */\n  private _createMastheadRenderRoot() {\n    const masthead = this.ownerDocument!.createElement(\n      `${ddsPrefix}-masthead-composite`\n    );\n    this.parentNode?.insertBefore(masthead, this);\n    return masthead;\n  }\n\n  /**\n   * The placeholder for `loadLocaleList()` Redux action that may be mixed in. This goes to footer.\n   *\n   * @internal\n   */\n  _loadLocaleList?: (language?: string) => Promise<LocaleList>;\n\n  /**\n   * The placeholder for `loadSearchResults()` Redux action that may be mixed in. This goes to masthead.\n   *\n   * @internal\n   */\n  _loadSearchResults?: (searchQueryString: string) => Promise<string[]>;\n\n  /**\n   * The placeholder for `loadTranslation()` Redux action that will be mixed in. This goes to masthead and footer.\n   *\n   * @internal\n   */\n  _loadTranslation?: (language?: string) => Promise<Translation>;\n\n  /**\n   * The placeholder for `loadUserStatus()` Redux action that will be mixed in. This goes to masthead.\n   *\n   * @internal\n   */\n  _loadUserStatus?: () => void;\n\n  /**\n   * The placeholder for `setLanguage()` Redux action that will be mixed in. This goes to masthead.\n   *\n   * @internal\n   */\n  _setLanguage?: (language: string) => void;\n\n  /**\n   * `true` if there is a profile.\n   */\n  @property({ type: Boolean, attribute: 'has-profile' })\n  hasProfile = true;\n\n  /**\n   * `true` if there is a search.\n   */\n  @property({ type: Boolean, attribute: 'has-search' })\n  hasSearch = true;\n\n  /**\n   * `true` if there is a universal banner.\n   */\n  @property({ type: Boolean, attribute: 'has-banner' })\n  hasBanner = false;\n\n  /**\n   * `true` to activate the search box. This goes to masthead.\n   */\n  @property({ type: Boolean, attribute: 'activate-search' })\n  activateSearch = false;\n\n  /**\n   * The profile items for authenticated state. This goes to masthead.\n   * The data typically comes from `@carbon/ibmdotcom-services` and thus you don't need to set this property by default,\n   * but if you need an alternate way of integration (e.g. rendering Web Components tags in server-side) this property helps.\n   */\n  @property({ attribute: false })\n  authenticatedProfileItems?: MastheadProfileItem[];\n\n  /**\n   * The boolean to enable custom typeahead API.\n   */\n  @property({ attribute: 'custom-typeahead-api', type: Boolean })\n  customTypeaheadAPI = false;\n\n  /**\n   * The platform name. This goes to masthead.\n   */\n  @property({ attribute: 'platform' })\n  platform?: string;\n\n  /**\n   * The platform url.\n   */\n  @property({ attribute: 'platform-url' })\n  platformUrl?: string;\n\n  /**\n   * The clear button label for language selector.\n   *\n   * @internal\n   */\n  @property({ attribute: 'clear-selection-label' })\n  clearSelectionLabel?: string;\n\n  /**\n   * The g11n collator to use for sorting contry names. This goes to footer.\n   */\n  @property({ attribute: false })\n  collatorCountryName = new Intl.Collator();\n\n  /**\n   * The search results to show in the UI. This goes to masthead.\n   * The data typically comes from our search service and thus you don't need to set this property by default,\n   * but if you need an alternate way of integration (e.g. rendering Web Components tags in server-side) this property helps.\n   */\n  @property({ attribute: false })\n  currentSearchResults: string[] = [];\n\n  /**\n   * `true` to omit the locale switcher button.\n   */\n  @property({ type: Boolean, attribute: 'disable-locale-button' })\n  disableLocaleButton = false;\n\n  /**\n   * The throttle timeout to run query upon user input. This goes to masthead.\n   */\n  @property({ type: Number, attribute: 'input-timeout' })\n  inputTimeout?: number;\n\n  /**\n   * The footer links. This goes to footer.\n   * The data typically comes from `@carbon/ibmdotcom-services` and thus you don't need to set this property by default,\n   * but if you need an alternate way of integration (e.g. rendering Web Components tags in server-side) this property helps.\n   */\n  @property({ attribute: false })\n  footerLinks: BasicLinkSet[] = [];\n\n  /**\n   * The language to show in the UI. This goes to footer.\n   * The data typically comes from `@carbon/ibmdotcom-services` and thus you don't need to set this property by default,\n   * but if you need an alternate way of integration (e.g. rendering Web Components tags in server-side) this property helps.\n   */\n  @property({ attribute: 'lang-display' })\n  langDisplay?: string;\n\n  /**\n   * The placeholder label for language selector.\n   *\n   * @internal\n   */\n  @property({ attribute: 'language-selector-label' })\n  languageSelectorLabel?: string;\n\n  /**\n   * The initial selected language in the selector.\n   *\n   * @internal\n   */\n  @property({ attribute: 'selected-language' })\n  selectedLanguage?: string;\n\n  /**\n   * The language used for query. This goes to masthead and footer.\n   * The data typically comes from `@carbon/ibmdotcom-services` and thus you don't need to set this property by default,\n   * but if you need an alternate way of integration (e.g. rendering Web Components tags in server-side) this property helps.\n   */\n  @property()\n  language?: string;\n\n  /**\n   * Placeholder list of languages to populate language selector\n   *\n   * @internal\n   */\n  @property({ attribute: false })\n  langList?: string[];\n\n  /**\n   * The legal nav links. This goes to footer.\n   * The data typically comes from `@carbon/ibmdotcom-services` and thus you don't need to set this property by default,\n   * but if you need an alternate way of integration (e.g. rendering Web Components tags in server-side) this property helps.\n   */\n  @property({ attribute: false })\n  legalLinks: BasicLink[] = [];\n\n  /**\n   * The locale list. This goes to footer.\n   * The data typically comes from `@carbon/ibmdotcom-services` and thus you don't need to set this property by default,\n   * but if you need an alternate way of integration (e.g. rendering Web Components tags in server-side) this property helps.\n   */\n  @property({ attribute: false })\n  localeList?: LocaleList;\n\n  /**\n   * The `aria-label` attribute for the top-level container. This goes to masthead.\n   */\n  @property({ attribute: 'masthead-assistive-text' })\n  mastheadAssistiveText?: string;\n\n  /**\n   * The `aria-label` attribute for the menu bar UI. This goes to masthead.\n   */\n  @property({ attribute: 'menu-bar-assistive-text' })\n  menuBarAssistiveText?: string;\n\n  /**\n   * The `aria-label` attribute for the header menu button in its active state. This goes to masthead.\n   */\n  @property({ attribute: 'menu-button-assistive-text-active' })\n  menuButtonAssistiveTextActive?: string;\n\n  /**\n   * The `aria-label` attribute for the header menu button in its active state. This goes to masthead.\n   */\n  @property({ attribute: 'menu-button-assistive-text-inactive' })\n  menuButtonAssistiveTextInactive?: string;\n\n  /**\n   * The English title of the selected nav item.\n   */\n  @property({ attribute: 'selected-menu-item' })\n  selectedMenuItem!: string;\n\n  /**\n   * Footer size. This goes to footer.\n   */\n  @property({ reflect: true, attribute: 'footer-size' })\n  footerSize?: FOOTER_SIZE;\n\n  /**\n   * `true` to open the search dropdown.. This goes to masthead.\n   * The data typically comes from our search service and thus you don't need to set this property by default,\n   * but if you need an alternate way of integration (e.g. rendering Web Components tags in server-side) this property helps.\n   */\n  @property({ type: Boolean, reflect: true, attribute: 'open-search-dropdown' })\n  openSearchDropdown = false;\n\n  /**\n   * The profile items for unauthenticated state. This goes to masthead.\n   * The data typically comes from `@carbon/ibmdotcom-services` and thus you don't need to set this property by default,\n   * but if you need an alternate way of integration (e.g. rendering Web Components tags in server-side) this property helps.\n   */\n  @property({ attribute: false })\n  unauthenticatedProfileItems?: MastheadProfileItem[];\n\n  /**\n   * Data for l1.\n   */\n  @property({ attribute: false })\n  l1Data?: MastheadL1;\n\n  /**\n   * The navigation links. This goes to masthead.\n   * The data typically comes from `@carbon/ibmdotcom-services` and thus you don't need to set this property by default,\n   * but if you need an alternate way of integration (e.g. rendering Web Components tags in server-side) this property helps.\n   */\n  @property({ attribute: false })\n  navLinks?: MastheadLink[];\n\n  /**\n   * The parameters passed to the search-with-typeahead for search scope\n   */\n  @property()\n  scopeParameters;\n\n  /**\n   * Value to display when the input has an empty `value`.\n   */\n  @property()\n  searchPlaceholder?: string;\n\n  /**\n   * The user authentication status. This goes to masthead.\n   * The data typically comes from `@carbon/ibmdotcom-services` and thus you don't need to set this property by default,\n   * but if you need an alternate way of integration (e.g. rendering Web Components tags in server-side) this property helps.\n   */\n  @property({ attribute: 'user-status' })\n  userStatus = UNAUTHENTICATED_STATUS;\n\n  // eslint-disable-next-line class-methods-use-this\n  firstUpdated() {\n    globalInit();\n  }\n\n  update(changedProperties) {\n    super.update(changedProperties);\n\n    if (!this._mastheadRenderRoot) {\n      this._mastheadRenderRoot = this._createMastheadRenderRoot();\n    }\n\n    const {\n      activateSearch,\n      authenticatedProfileItems,\n      platform,\n      platformUrl,\n      collatorCountryName,\n      currentSearchResults,\n      customTypeaheadAPI,\n      clearSelectionLabel,\n      disableLocaleButton,\n      mastheadAssistiveText,\n      menuBarAssistiveText,\n      menuButtonAssistiveTextActive,\n      menuButtonAssistiveTextInactive,\n      unauthenticatedProfileItems,\n      inputTimeout,\n      l1Data,\n      language,\n      languageSelectorLabel,\n      langDisplay,\n      langList,\n      legalLinks,\n      localeList,\n      footerLinks,\n      footerSize,\n      openSearchDropdown,\n      navLinks,\n      hasProfile,\n      hasSearch,\n      searchPlaceholder,\n      scopeParameters,\n      selectedLanguage,\n      selectedMenuItem,\n      userStatus,\n      _setLanguage,\n      _loadLocaleList,\n      _loadTranslation,\n      _loadUserStatus,\n      _loadSearchResults,\n    } = this;\n    Object.assign(\n      this._mastheadRenderRoot,\n      pickBy(\n        {\n          activateSearch,\n          authenticatedProfileItems,\n          platform,\n          platformUrl,\n          currentSearchResults,\n          customTypeaheadAPI,\n          mastheadAssistiveText,\n          menuBarAssistiveText,\n          menuButtonAssistiveTextActive,\n          menuButtonAssistiveTextInactive,\n          unauthenticatedProfileItems,\n          inputTimeout,\n          l1Data,\n          language,\n          navLinks,\n          hasProfile,\n          hasSearch,\n          searchPlaceholder,\n          scopeParameters,\n          openSearchDropdown,\n          selectedMenuItem,\n          userStatus,\n          _loadSearchResults,\n          _loadTranslation,\n          _loadUserStatus,\n          _setLanguage,\n        },\n        (value) => value !== undefined\n      )\n    );\n    if (!this._footerRenderRoot) {\n      this._footerRenderRoot = this._createFooterRenderRoot();\n    }\n    Object.assign(\n      this._footerRenderRoot,\n      pickBy(\n        {\n          clearSelectionLabel,\n          collatorCountryName,\n          disableLocaleButton,\n          language,\n          languageSelectorLabel,\n          langDisplay,\n          langList,\n          legalLinks,\n          links: footerLinks,\n          localeList,\n          selectedLanguage,\n          size: footerSize,\n          _loadLocaleList,\n          _loadTranslation,\n          _setLanguage,\n        },\n        (value) => value !== undefined\n      )\n    );\n  }\n\n  updated(changedProperties) {\n    super.updated(changedProperties);\n\n    // moving universal banner outside of dotcom shell if placed within\n    if (this.querySelector('dds-universal-banner')) {\n      this.ownerDocument\n        .querySelector('dds-masthead-composite')\n        ?.before(this.querySelector('dds-universal-banner') as HTMLElement);\n    }\n\n    if (this.ownerDocument.querySelector('dds-universal-banner')) {\n      this.hasBanner = true;\n      this._masthead?.setAttribute('with-banner', '');\n    }\n  }\n\n  render() {\n    return html`\n      <dds-dotcom-shell>\n        <slot></slot>\n      </dds-dotcom-shell>\n    `;\n  }\n\n  static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\n/* @__GENERATE_REACT_CUSTOM_ELEMENT_TYPE__ */\nexport default DDSDotcomShellComposite;\n"]}

package/es/components/dotcom-shell/dotcom-shell-composite.js

@@ -92,7 +92,7 @@ var DDSDotcomShellComposite = (0, _decorate2["default"])([(0, _carbonElement.car
       function _createFooterRenderRoot() {
         var _this$parentNode;
         var footer = this.ownerDocument.createElement("".concat(ddsPrefix, "-footer-composite"));
-        (_this$parentNode = this.parentNode) === null || _this$parentNode === void 0 ? void 0 : _this$parentNode.insertBefore(footer, this.nextSibling);
+        (_this$parentNode = this.parentNode) === null || _this$parentNode === void 0 || _this$parentNode.insertBefore(footer, this.nextSibling);
         return footer;
       }
 
@@ -105,7 +105,7 @@ var DDSDotcomShellComposite = (0, _decorate2["default"])([(0, _carbonElement.car
       value: function _createMastheadRenderRoot() {
         var _this$parentNode2;
         var masthead = this.ownerDocument.createElement("".concat(ddsPrefix, "-masthead-composite"));
-        (_this$parentNode2 = this.parentNode) === null || _this$parentNode2 === void 0 ? void 0 : _this$parentNode2.insertBefore(masthead, this);
+        (_this$parentNode2 = this.parentNode) === null || _this$parentNode2 === void 0 || _this$parentNode2.insertBefore(masthead, this);
         return masthead;
       }
 
@@ -345,16 +345,6 @@ var DDSDotcomShellComposite = (0, _decorate2["default"])([(0, _carbonElement.car
       })],
       key: "selectedMenuItem",
       value: void 0
-    }, {
-      kind: "field",
-      decorators: [(0, _litElement.property)({
-        type: Boolean,
-        attribute: 'open-locale-modal'
-      })],
-      key: "openLocaleModal",
-      value: function value() {
-        return false;
-      }
     }, {
       kind: "field",
       decorators: [(0, _litElement.property)({
@@ -518,9 +508,6 @@ var DDSDotcomShellComposite = (0, _decorate2["default"])([(0, _carbonElement.car
       /**
        * The English title of the selected nav item.
        */
-      /**
-       * `true` to open the locale modal. This goes to footer.
-       */
       /**
        * Footer size. This goes to footer.
        */
@@ -589,7 +576,6 @@ var DDSDotcomShellComposite = (0, _decorate2["default"])([(0, _carbonElement.car
           localeList = this.localeList,
           footerLinks = this.footerLinks,
           footerSize = this.footerSize,
-          openLocaleModal = this.openLocaleModal,
           openSearchDropdown = this.openSearchDropdown,
           navLinks = this.navLinks,
           hasProfile = this.hasProfile,
@@ -648,7 +634,6 @@ var DDSDotcomShellComposite = (0, _decorate2["default"])([(0, _carbonElement.car
           legalLinks: legalLinks,
           links: footerLinks,
           localeList: localeList,
-          openLocaleModal: openLocaleModal,
           selectedLanguage: selectedLanguage,
           size: footerSize,
           _loadLocaleList: _loadLocaleList,
@@ -667,12 +652,12 @@ var DDSDotcomShellComposite = (0, _decorate2["default"])([(0, _carbonElement.car
         // moving universal banner outside of dotcom shell if placed within
         if (this.querySelector('dds-universal-banner')) {
           var _this$ownerDocument$q;
-          (_this$ownerDocument$q = this.ownerDocument.querySelector('dds-masthead-composite')) === null || _this$ownerDocument$q === void 0 ? void 0 : _this$ownerDocument$q.before(this.querySelector('dds-universal-banner'));
+          (_this$ownerDocument$q = this.ownerDocument.querySelector('dds-masthead-composite')) === null || _this$ownerDocument$q === void 0 || _this$ownerDocument$q.before(this.querySelector('dds-universal-banner'));
         }
         if (this.ownerDocument.querySelector('dds-universal-banner')) {
           var _this$_masthead;
           this.hasBanner = true;
-          (_this$_masthead = this._masthead) === null || _this$_masthead === void 0 ? void 0 : _this$_masthead.setAttribute('with-banner', '');
+          (_this$_masthead = this._masthead) === null || _this$_masthead === void 0 || _this$_masthead.setAttribute('with-banner', '');
         }
       }
     }, {
@@ -692,6 +677,5 @@ var DDSDotcomShellComposite = (0, _decorate2["default"])([(0, _carbonElement.car
   };
 }, _litElement.LitElement);
 /* @__GENERATE_REACT_CUSTOM_ELEMENT_TYPE__ */
-var _default = DDSDotcomShellComposite;
-exports["default"] = _default;
+var _default = exports["default"] = DDSDotcomShellComposite;
 //# sourceMappingURL=dotcom-shell-composite.js.map