npm - @carbon/ibmdotcom-web-components - Versions diffs - 1.26.0-rc.1 → 1.26.0-rc.3 - Mend

@carbon/ibmdotcom-web-components 1.26.0-rc.1 → 1.26.0-rc.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (788) hide show

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

	@@ -1 +1 @@
1	- {"version":3,"file":"content.js","names":["html","ArrowRight20","logosGroup","TOC_TYPES","imgSm16x9","imgMd16x9","imgLg16x9","imgLg1x1","imgXlg4x3","leadspaceImg","image","contentBlockSegmentedItems","contentBlockSegmentedItemsWithImage","contentItemHorizontal","universalBanner","srcImage","cardGroupItems","slot","contentLeadspace","contentLeadspaceSearch","tocContent","Array","from","map","elem","imgSrc","altText","StoryContent","config","l1","leadspace","tocLayout","DEFAULT","mainClasses","filter","className","join","HORIZONTAL","StoryContentNoToC"],"sources":["components/dotcom-shell/__stories__/data/content.ts"],"sourcesContent":["/* eslint-disable max-len /\n/\n Copyright IBM Corp. 2016, 2022\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 '@carbon/carbon-web-components/es/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 >\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 >\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 >\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}\"\n ></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 >\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 >\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 >\n <dds-image-item\n media=\"(min-width: 672px)\"\n srcset=\"${leadspaceImg}\"\n ></dds-image-item>\n <dds-image-item\n media=\"(min-width: 0)\"\n srcset=\"${leadspaceImg}\"\n ></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\n ></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\"\n ></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}\"\n ></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\"\n ></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}\"\n ></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 >\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 >\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 >\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 >\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 >\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 >\n <dds-image-item\n media=\"(min-width: 991px)\"\n srcset=\"${imgLg1x1}\"\n ></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 >\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\"\n ></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}\"\n ></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 >\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 >\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":";;;;;;;;;;;;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,IAAI,QAAQ,aAAa;AAClC,OAAOC,YAAY,MAAM,wDAAwD;AACjF,OAAOC,UAAU,MAAM,8CAA8C;AACrE,SAASC,SAAS,QAAQ,oCAAiC;AAE3D,OAAO,wBAAqB;AAC5B,OAAO,uBAAoB;AAC3B,OAAO,8BAA2B;AAClC,OAAO,iCAA8B;AACrC,OAAO,2CAAwC;AAC/C,OAAO,2CAAwC;AAC/C,OAAO,6BAA0B;AACjC,OAAO,yBAAsB;AAC7B,OAAO,mCAAgC;AACvC,OAAO,6BAA0B;AACjC,OAAO,yBAAsB;AAC7B,OAAO,6BAA0B;AACjC,OAAO,iCAA8B;AACrC,OAAO,sCAAmC;AAC1C,OAAO,qCAAkC;AAEzC,OAAOC,SAAS,MAAM,2EAA2E;AACjG,OAAOC,SAAS,MAAM,2EAA2E;AACjG,OAAOC,SAAS,MAAM,2EAA2E;AACjG,OAAOC,QAAQ,MAAM,0EAA0E;AAC/F,OAAOC,SAAS,MAAM,4EAA4E;AAElG,OAAOC,YAAY,MAAM,uFAAuF;AAEhH,OAAO,MAAMC,KAAK,GAAGV,IAAI,cAAC;AAC1B;AACA;AACA,mBAAiB,CAAY;AAC7B;AACA;AACA,yDAAuD,CAAY;AACnE;AACA,yDAAuD,CAAY;AACnE;AACA,yDAAuD,CAAY;AACnE;AACA;AACA,IAVmBM,SAAS,EAG6BA,SAAS,EAETD,SAAS,EAETD,SAAS,CAGjE;AAED,OAAO,MAAMO,0BAA0B,GAAGX,IAAI,gBAAC;AAC/C;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,GAAC;AAED,OAAO,MAAMY,mCAAmC,GAAGZ,IAAI,gBAAC;AACxD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAI,CAAQ;AACZ;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IATMU,KAAK,CASV;AAED,OAAO,MAAMG,qBAAqB,GAAGb,IAAI,gBAAC;AAC1C;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,GAAC;AAED,OAAO,MAAMc,eAAe,GAAIC,QAAQ,IAAKf,IAAI,gBAAC;AAClD;AACA;AACA;AACA,qBAAmB,CAAW;AAC9B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAfqBe,QAAQ,CAe5B;AAED,OAAO,MAAMC,cAAc,GAAGhB,IAAI,gBAAC;AACnC;AACA,gEAA8D,CAAY;AAC1E;AACA;AACA;AACA;AACA,QAAM,CAAiC;AACvC;AACA;AACA,IARgEQ,SAAS,EAKjEP,YAAY,CAAC;EAAEgB,IAAI,EAAE;AAAO,CAAC,CAAC,CAGrC;AAED,OAAO,MAAMC,gBAAgB,GAAGlB,IAAI,gBAAC;AACrC;AACA;AACA;AACA;AACA,mBAAiB,CAAe;AAChC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,qBAAmB,CAAe;AAClC;AACA;AACA;AACA,kBAAgB,CAAe;AAC/B;AACA;AACA;AACA,kBAAgB,CAAe;AAC/B;AACA;AACA;AACA,IAvBmBS,YAAY,EAWVA,YAAY,EAIfA,YAAY,EAIZA,YAAY,CAI7B;AAED,OAAO,MAAMU,sBAAsB,GAAGnB,IAAI,gBAAC;AAC3C;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,GAAC;AAED,OAAO,MAAMoB,UAAU,GAAGpB,IAAI,gBAAC;AAC/B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,0CAAwC,CAAiC;AACzE;AACA;AACA,sBAAoB,CAAiC;AACrD;AACA;AACA,8BAA4B,CAAiC;AAC7D;AACA;AACA;AACA;AACA;AACA,YAAU,CAEG;AACb;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAI,CAA2D;AAC/D;AACA;AACA,gEAA8D,CAAW;AACzE;AACA;AACA,kBAAgB,CAAW;AAC3B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,QAAM,CAAiC;AACvC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAI,CAAoE;AACxE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAI,CAAsD;AAC1D;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAI,CAQE;AACN;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,QAAM,CAAkD;AACxD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,uBAAqB,CAAiC;AACtD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,2BAAyB,CAAiC;AAC1D;AACA;AACA,yBAAuB,CAAiC;AACxD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAtK0CC,YAAY,CAAC;EAAEgB,IAAI,EAAE;AAAO,CAAC,CAAC,EAGlDhB,YAAY,CAAC;EAAEgB,IAAI,EAAE;AAAO,CAAC,CAAC,EAGtBhB,YAAY,CAAC;EAAEgB,IAAI,EAAE;AAAO,CAAC,CAAC,EAMhDhB,YAAY,CAAC;EACbgB,IAAI,EAAE;AACR,CAAC,CAAC,EAYNI,KAAK,CAACC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAACC,GAAG,CAAC,MAAMZ,0BAA0B,CAAC,EAGEJ,QAAQ,EAGtDA,QAAQ,EAUlBN,YAAY,CAAC;EAAEgB,IAAI,EAAE;AAAO,CAAC,CAAC,EAShCI,KAAK,CAACC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAACC,GAAG,CAAC,MAAMX,mCAAmC,CAAC,EA2BjES,KAAK,CAACC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAACC,GAAG,CAAC,MAAMV,qBAAqB,CAAC,EAQnDX,UAAU,IACZA,UAAU,CAACqB,GAAG,CACXC,IAAI,IAAKxB,IAAI,kBAAC;AACrB;AACA,yBAAuB,CAAc;AACrC,iBAAe,CAAe;AAC9B;AACA,OAAM,GAHmBwB,IAAI,CAACC,MAAM,EACnBD,IAAI,CAACE,OAAO,CAEtB,CACF,EASGL,KAAK,CAACC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,CAACC,GAAG,CAAC,MAAMP,cAAc,CAAC,EAWhCf,YAAY,CAAC;EAAEgB,IAAI,EAAE;AAAO,CAAC,CAAC,EAa1BhB,YAAY,CAAC;EAAEgB,IAAI,EAAE;AAAO,CAAC,CAAC,EAGhChB,YAAY,CAAC;EAAEgB,IAAI,EAAE;AAAO,CAAC,CAAC,CAoCtD;AAED,OAAO,MAAMU,YAAY,GAAG,CAC1BC,MAAM,GAAG;EACPC,EAAE,EAAE,KAAK;EACTC,SAAS,EAAE,KAAK;EAChBC,SAAS,EAAE5B,SAAS,CAAC6B;AACvB,CAAC,KACE;EACH,MAAMC,WAAW,GAAG,CAClB,aAAa,EACb,sCAAsC,EACtCL,MAAM,aAANA,MAAM,eAANA,MAAM,CAAEC,EAAE,GAAG,QAAQ,GAAG,IAAI,EAC5BD,MAAM,aAANA,MAAM,eAANA,MAAM,CAAEE,SAAS,GAAG,eAAe,GAAG,IAAI,CAC3C,CACEI,MAAM,CAAEC,SAAS,IAAKA,SAAS,IAAI,IAAI,CAAC,CACxCC,IAAI,CAAC,GAAG,CAAC;EAEZ,OAAOpC,IAAI,kBAAC;AACd,kBAAgB,CAAc;AAC9B,QAAM,CAA8C;AACpD,QAAM,CAkBM;AACZ;AACA,GAAE,GAtBgBiC,WAAW,EACrBL,MAAM,aAANA,MAAM,eAANA,MAAM,CAAEE,SAAS,GAAGZ,gBAAgB,GAAG,IAAI,EAC3C,CAAAU,MAAM,aAANA,MAAM,uBAANA,MAAM,CAAEG,SAAS,MAAK5B,SAAS,CAACkC,UAAU,GACxCrC,IAAI,kBAAC;AACf;AACA;AACA,2BAAyB,CAAmB;AAC5C;AACA;AACA,6CAA2C,CAAa;AACxD;AACA;AACA,WAAU,GANiB4B,MAAM,CAACG,SAAS,EAGEX,UAAU,IAI7CpB,IAAI,kBAAC;AACf;AACA;AACA,2BAAyB,CAAmB;AAC5C;AACA,gBAAc,CAAa;AAC3B;AACA,WAAU,GAJiB4B,MAAM,CAACG,SAAS,EAE3BX,UAAU,CAEf;AAGX,CAAC;AAED,OAAO,MAAMkB,iBAAiB,GAAG,MAC/BtC,IAAI,kBAAC;AACP;AACA;AACA;AACA;AACA;AACA,UAAQ,CAAyB;AACjC;AACA;AACA;AACA;AACA;AACA;AACA,YAAU,CAA2D;AACrE;AACA;AACA;AACA;AACA;AACA;AACA,2BAAyB,CAAW;AACpC;AACA;AACA;AACA,wBAAsB,CAAW;AACjC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,cAAY,CAAiC;AAC7C;AACA;AACA;AACA;AACA;AACA;AACA;AACA,YAAU,CAAoE;AAC9E;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,YAAU,CAAsD;AAChE;AACA;AACA;AACA;AACA;AACA;AACA,YAAU,CAQE;AACZ;AACA;AACA;AACA;AACA;AACA;AACA;AACA,cAAY,CAAkD;AAC9D;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,6BAA2B,CAAiC;AAC5D;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,iCAA+B,CAAiC;AAChE;AACA;AACA,+BAA6B,CAAiC;AAC9D;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,GAAE,GAtKQmB,sBAAsB,EAOpBE,KAAK,CAACC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAACC,GAAG,CAAC,MAAMZ,0BAA0B,CAAC,EAOzCJ,QAAQ,EAIXA,QAAQ,EAYlBN,YAAY,CAAC;EAAEgB,IAAI,EAAE;AAAO,CAAC,CAAC,EAQhCI,KAAK,CAACC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAACC,GAAG,CAAC,MAAMX,mCAAmC,CAAC,EA8BjES,KAAK,CAACC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAACC,GAAG,CAAC,MAAMV,qBAAqB,CAAC,EAOnDX,UAAU,IACZA,UAAU,CAACqB,GAAG,CACXC,IAAI,IAAKxB,IAAI,kBAAC;AAC3B;AACA,+BAA6B,CAAc;AAC3C,uBAAqB,CAAe;AACpC;AACA,aAAY,GAHmBwB,IAAI,CAACC,MAAM,EACnBD,IAAI,CAACE,OAAO,CAEtB,CACF,EAQGL,KAAK,CAACC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,CAACC,GAAG,CAAC,MAAMP,cAAc,CAAC,EAgBhCf,YAAY,CAAC;EAAEgB,IAAI,EAAE;AAAO,CAAC,CAAC,EAgB1BhB,YAAY,CAAC;EAAEgB,IAAI,EAAE;AAAO,CAAC,CAAC,EAGhChB,YAAY,CAAC;EAAEgB,IAAI,EAAE;AAAO,CAAC,CAAC,CAwC1D;AAEH,eAAe;EAAEU,YAAY;EAAEW;AAAkB,CAAC;AAClD"}
1	+ {"version":3,"file":"content.js","names":["html","ArrowRight20","logosGroup","TOC_TYPES","imgSm16x9","imgMd16x9","imgLg16x9","imgLg1x1","imgXlg4x3","leadspaceImg","image","contentBlockSegmentedItems","contentBlockSegmentedItemsWithImage","contentItemHorizontal","universalBanner","srcImage","cardGroupItems","slot","contentLeadspace","contentLeadspaceSearch","tocContent","Array","from","map","elem","imgSrc","altText","StoryContent","config","l1","leadspace","tocLayout","DEFAULT","mainClasses","filter","className","join","HORIZONTAL","StoryContentNoToC"],"sources":["components/dotcom-shell/__stories__/data/content.ts"],"sourcesContent":["/* eslint-disable max-len /\n/\n Copyright IBM Corp. 2016, 2022\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 '@carbon/web-components/es/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 >\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 >\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 >\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}\"\n ></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 >\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 >\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 >\n <dds-image-item\n media=\"(min-width: 672px)\"\n srcset=\"${leadspaceImg}\"\n ></dds-image-item>\n <dds-image-item\n media=\"(min-width: 0)\"\n srcset=\"${leadspaceImg}\"\n ></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\n ></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\"\n ></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}\"\n ></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\"\n ></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}\"\n ></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 >\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 >\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 >\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 >\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 >\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 >\n <dds-image-item\n media=\"(min-width: 991px)\"\n srcset=\"${imgLg1x1}\"\n ></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 >\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\"\n ></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}\"\n ></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 >\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 >\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":";;;;;;;;;;;;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,IAAI,QAAQ,aAAa;AAClC,OAAOC,YAAY,MAAM,iDAAiD;AAC1E,OAAOC,UAAU,MAAM,8CAA8C;AACrE,SAASC,SAAS,QAAQ,oCAAiC;AAE3D,OAAO,wBAAqB;AAC5B,OAAO,uBAAoB;AAC3B,OAAO,8BAA2B;AAClC,OAAO,iCAA8B;AACrC,OAAO,2CAAwC;AAC/C,OAAO,2CAAwC;AAC/C,OAAO,6BAA0B;AACjC,OAAO,yBAAsB;AAC7B,OAAO,mCAAgC;AACvC,OAAO,6BAA0B;AACjC,OAAO,yBAAsB;AAC7B,OAAO,6BAA0B;AACjC,OAAO,iCAA8B;AACrC,OAAO,sCAAmC;AAC1C,OAAO,qCAAkC;AAEzC,OAAOC,SAAS,MAAM,2EAA2E;AACjG,OAAOC,SAAS,MAAM,2EAA2E;AACjG,OAAOC,SAAS,MAAM,2EAA2E;AACjG,OAAOC,QAAQ,MAAM,0EAA0E;AAC/F,OAAOC,SAAS,MAAM,4EAA4E;AAElG,OAAOC,YAAY,MAAM,uFAAuF;AAEhH,OAAO,MAAMC,KAAK,GAAGV,IAAI,cAAC;AAC1B;AACA;AACA,mBAAiB,CAAY;AAC7B;AACA;AACA,yDAAuD,CAAY;AACnE;AACA,yDAAuD,CAAY;AACnE;AACA,yDAAuD,CAAY;AACnE;AACA;AACA,IAVmBM,SAAS,EAG6BA,SAAS,EAETD,SAAS,EAETD,SAAS,CAGjE;AAED,OAAO,MAAMO,0BAA0B,GAAGX,IAAI,gBAAC;AAC/C;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,GAAC;AAED,OAAO,MAAMY,mCAAmC,GAAGZ,IAAI,gBAAC;AACxD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAI,CAAQ;AACZ;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IATMU,KAAK,CASV;AAED,OAAO,MAAMG,qBAAqB,GAAGb,IAAI,gBAAC;AAC1C;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,GAAC;AAED,OAAO,MAAMc,eAAe,GAAIC,QAAQ,IAAKf,IAAI,gBAAC;AAClD;AACA;AACA;AACA,qBAAmB,CAAW;AAC9B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAfqBe,QAAQ,CAe5B;AAED,OAAO,MAAMC,cAAc,GAAGhB,IAAI,gBAAC;AACnC;AACA,gEAA8D,CAAY;AAC1E;AACA;AACA;AACA;AACA,QAAM,CAAiC;AACvC;AACA;AACA,IARgEQ,SAAS,EAKjEP,YAAY,CAAC;EAAEgB,IAAI,EAAE;AAAO,CAAC,CAAC,CAGrC;AAED,OAAO,MAAMC,gBAAgB,GAAGlB,IAAI,gBAAC;AACrC;AACA;AACA;AACA;AACA,mBAAiB,CAAe;AAChC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,qBAAmB,CAAe;AAClC;AACA;AACA;AACA,kBAAgB,CAAe;AAC/B;AACA;AACA;AACA,kBAAgB,CAAe;AAC/B;AACA;AACA;AACA,IAvBmBS,YAAY,EAWVA,YAAY,EAIfA,YAAY,EAIZA,YAAY,CAI7B;AAED,OAAO,MAAMU,sBAAsB,GAAGnB,IAAI,gBAAC;AAC3C;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,GAAC;AAED,OAAO,MAAMoB,UAAU,GAAGpB,IAAI,gBAAC;AAC/B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,0CAAwC,CAAiC;AACzE;AACA;AACA,sBAAoB,CAAiC;AACrD;AACA;AACA,8BAA4B,CAAiC;AAC7D;AACA;AACA;AACA;AACA;AACA,YAAU,CAEG;AACb;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAI,CAA2D;AAC/D;AACA;AACA,gEAA8D,CAAW;AACzE;AACA;AACA,kBAAgB,CAAW;AAC3B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,QAAM,CAAiC;AACvC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAI,CAAoE;AACxE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAI,CAAsD;AAC1D;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAI,CAQE;AACN;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,QAAM,CAAkD;AACxD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,uBAAqB,CAAiC;AACtD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,2BAAyB,CAAiC;AAC1D;AACA;AACA,yBAAuB,CAAiC;AACxD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAtK0CC,YAAY,CAAC;EAAEgB,IAAI,EAAE;AAAO,CAAC,CAAC,EAGlDhB,YAAY,CAAC;EAAEgB,IAAI,EAAE;AAAO,CAAC,CAAC,EAGtBhB,YAAY,CAAC;EAAEgB,IAAI,EAAE;AAAO,CAAC,CAAC,EAMhDhB,YAAY,CAAC;EACbgB,IAAI,EAAE;AACR,CAAC,CAAC,EAYNI,KAAK,CAACC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAACC,GAAG,CAAC,MAAMZ,0BAA0B,CAAC,EAGEJ,QAAQ,EAGtDA,QAAQ,EAUlBN,YAAY,CAAC;EAAEgB,IAAI,EAAE;AAAO,CAAC,CAAC,EAShCI,KAAK,CAACC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAACC,GAAG,CAAC,MAAMX,mCAAmC,CAAC,EA2BjES,KAAK,CAACC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAACC,GAAG,CAAC,MAAMV,qBAAqB,CAAC,EAQnDX,UAAU,IACZA,UAAU,CAACqB,GAAG,CACXC,IAAI,IAAKxB,IAAI,kBAAC;AACrB;AACA,yBAAuB,CAAc;AACrC,iBAAe,CAAe;AAC9B;AACA,OAAM,GAHmBwB,IAAI,CAACC,MAAM,EACnBD,IAAI,CAACE,OAAO,CAEtB,CACF,EASGL,KAAK,CAACC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,CAACC,GAAG,CAAC,MAAMP,cAAc,CAAC,EAWhCf,YAAY,CAAC;EAAEgB,IAAI,EAAE;AAAO,CAAC,CAAC,EAa1BhB,YAAY,CAAC;EAAEgB,IAAI,EAAE;AAAO,CAAC,CAAC,EAGhChB,YAAY,CAAC;EAAEgB,IAAI,EAAE;AAAO,CAAC,CAAC,CAoCtD;AAED,OAAO,MAAMU,YAAY,GAAG,CAC1BC,MAAM,GAAG;EACPC,EAAE,EAAE,KAAK;EACTC,SAAS,EAAE,KAAK;EAChBC,SAAS,EAAE5B,SAAS,CAAC6B;AACvB,CAAC,KACE;EACH,MAAMC,WAAW,GAAG,CAClB,aAAa,EACb,sCAAsC,EACtCL,MAAM,aAANA,MAAM,eAANA,MAAM,CAAEC,EAAE,GAAG,QAAQ,GAAG,IAAI,EAC5BD,MAAM,aAANA,MAAM,eAANA,MAAM,CAAEE,SAAS,GAAG,eAAe,GAAG,IAAI,CAC3C,CACEI,MAAM,CAAEC,SAAS,IAAKA,SAAS,IAAI,IAAI,CAAC,CACxCC,IAAI,CAAC,GAAG,CAAC;EAEZ,OAAOpC,IAAI,kBAAC;AACd,kBAAgB,CAAc;AAC9B,QAAM,CAA8C;AACpD,QAAM,CAkBM;AACZ;AACA,GAAE,GAtBgBiC,WAAW,EACrBL,MAAM,aAANA,MAAM,eAANA,MAAM,CAAEE,SAAS,GAAGZ,gBAAgB,GAAG,IAAI,EAC3C,CAAAU,MAAM,aAANA,MAAM,uBAANA,MAAM,CAAEG,SAAS,MAAK5B,SAAS,CAACkC,UAAU,GACxCrC,IAAI,kBAAC;AACf;AACA;AACA,2BAAyB,CAAmB;AAC5C;AACA;AACA,6CAA2C,CAAa;AACxD;AACA;AACA,WAAU,GANiB4B,MAAM,CAACG,SAAS,EAGEX,UAAU,IAI7CpB,IAAI,kBAAC;AACf;AACA;AACA,2BAAyB,CAAmB;AAC5C;AACA,gBAAc,CAAa;AAC3B;AACA,WAAU,GAJiB4B,MAAM,CAACG,SAAS,EAE3BX,UAAU,CAEf;AAGX,CAAC;AAED,OAAO,MAAMkB,iBAAiB,GAAG,MAC/BtC,IAAI,kBAAC;AACP;AACA;AACA;AACA;AACA;AACA,UAAQ,CAAyB;AACjC;AACA;AACA;AACA;AACA;AACA;AACA,YAAU,CAA2D;AACrE;AACA;AACA;AACA;AACA;AACA;AACA,2BAAyB,CAAW;AACpC;AACA;AACA;AACA,wBAAsB,CAAW;AACjC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,cAAY,CAAiC;AAC7C;AACA;AACA;AACA;AACA;AACA;AACA;AACA,YAAU,CAAoE;AAC9E;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,YAAU,CAAsD;AAChE;AACA;AACA;AACA;AACA;AACA;AACA,YAAU,CAQE;AACZ;AACA;AACA;AACA;AACA;AACA;AACA;AACA,cAAY,CAAkD;AAC9D;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,6BAA2B,CAAiC;AAC5D;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,iCAA+B,CAAiC;AAChE;AACA;AACA,+BAA6B,CAAiC;AAC9D;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,GAAE,GAtKQmB,sBAAsB,EAOpBE,KAAK,CAACC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAACC,GAAG,CAAC,MAAMZ,0BAA0B,CAAC,EAOzCJ,QAAQ,EAIXA,QAAQ,EAYlBN,YAAY,CAAC;EAAEgB,IAAI,EAAE;AAAO,CAAC,CAAC,EAQhCI,KAAK,CAACC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAACC,GAAG,CAAC,MAAMX,mCAAmC,CAAC,EA8BjES,KAAK,CAACC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAACC,GAAG,CAAC,MAAMV,qBAAqB,CAAC,EAOnDX,UAAU,IACZA,UAAU,CAACqB,GAAG,CACXC,IAAI,IAAKxB,IAAI,kBAAC;AAC3B;AACA,+BAA6B,CAAc;AAC3C,uBAAqB,CAAe;AACpC;AACA,aAAY,GAHmBwB,IAAI,CAACC,MAAM,EACnBD,IAAI,CAACE,OAAO,CAEtB,CACF,EAQGL,KAAK,CAACC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,CAACC,GAAG,CAAC,MAAMP,cAAc,CAAC,EAgBhCf,YAAY,CAAC;EAAEgB,IAAI,EAAE;AAAO,CAAC,CAAC,EAgB1BhB,YAAY,CAAC;EAAEgB,IAAI,EAAE;AAAO,CAAC,CAAC,EAGhChB,YAAY,CAAC;EAAEgB,IAAI,EAAE;AAAO,CAAC,CAAC,CAwC1D;AAEH,eAAe;EAAEU,YAAY;EAAEW;AAAkB,CAAC;AAClD"}

package/es/components/expressive-modal/expressive-modal-body.d.ts CHANGED Viewed

@@ -6,7 +6,7 @@
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
  */
-import BXModalBody from '@carbon/carbon-web-components/es/components/modal/modal-body.js';
+import BXModalBody from '@carbon/web-components/es/components/modal/modal-body.js';
 declare const DDSExpressiveModalBody_base: {
     new (...args: any[]): {
         linkNode: any;

package/es/components/expressive-modal/expressive-modal-body.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["components/expressive-modal/expressive-modal-body.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAGH,OAAO,WAAW,MAAM,~~iEAAiE~~,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;~~AAO1F~~;;;;GAIG;AACH,cACM,sBAAuB,SAAQ,2BAAgC;IACnE,MAAM,KAAK,cAAc,WAExB;IAED,MAAM,CAAC,MAAM,MAAU;CACxB;AAGD,eAAe,sBAAsB,CAAC","file":"expressive-modal-body.d.ts","sourcesContent":["/*\n @license\n \n Copyright IBM Corp. 2020, 2022\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 { customElement } from 'lit-element';\nimport BXModalBody from '@carbon/~~carbon-~~web-components/es/components/modal/modal-body.js';\nimport ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';\nimport styles from './expressive-modal.scss';\nimport StableSelectorMixin from '../../globals/mixins/stable-selector';\n\nconst { stablePrefix: ddsPrefix } = ddsSettings;\n\n/\n Expressive modal body.\n \n @element dds-expressive-modal-body\n /\n@customElement(`${ddsPrefix}-expressive-modal-body`)\nclass DDSExpressiveModalBody extends StableSelectorMixin(BXModalBody) {\n static get stableSelector() {\n return `${ddsPrefix}--expressive-modal-body`;\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 DDSExpressiveModalBody;\n"]}
1	+ {"version":3,"sources":["components/expressive-modal/expressive-modal-body.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAGH,OAAO,WAAW,MAAM,0DAA0D,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAOnF;;;;GAIG;AACH,cACM,sBAAuB,SAAQ,2BAAgC;IACnE,MAAM,KAAK,cAAc,WAExB;IAED,MAAM,CAAC,MAAM,MAAU;CACxB;AAGD,eAAe,sBAAsB,CAAC","file":"expressive-modal-body.d.ts","sourcesContent":["/*\n @license\n \n Copyright IBM Corp. 2020, 2022\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 { customElement } from 'lit-element';\nimport BXModalBody from '@carbon/web-components/es/components/modal/modal-body.js';\nimport ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';\nimport styles from './expressive-modal.scss';\nimport StableSelectorMixin from '../../globals/mixins/stable-selector';\n\nconst { stablePrefix: ddsPrefix } = ddsSettings;\n\n/\n Expressive modal body.\n \n @element dds-expressive-modal-body\n /\n@customElement(`${ddsPrefix}-expressive-modal-body`)\nclass DDSExpressiveModalBody extends StableSelectorMixin(BXModalBody) {\n static get stableSelector() {\n return `${ddsPrefix}--expressive-modal-body`;\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 DDSExpressiveModalBody;\n"]}

package/es/components/expressive-modal/expressive-modal-body.js CHANGED Viewed

@@ -9,7 +9,7 @@ import _decorate from "@babel/runtime/helpers/esm/decorate";
  */
 import { customElement } from 'lit-element';
-import BXModalBody from '@carbon/carbon-web-components/es/components/modal/modal-body.js';
+import BXModalBody from '@carbon/web-components/es/components/modal/modal-body.js';
 import ddsSettings from "../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings.js";
 import styles from "././expressive-modal.css.js";
 import StableSelectorMixin from "../../globals/mixins/stable-selector.js";

package/es/components/expressive-modal/expressive-modal-body.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"expressive-modal-body.js","names":["customElement","BXModalBody","ddsSettings","styles","StableSelectorMixin","stablePrefix","ddsPrefix","DDSExpressiveModalBody"],"sources":["components/expressive-modal/expressive-modal-body.ts"],"sourcesContent":["/*\n @license\n \n Copyright IBM Corp. 2020, 2022\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 { customElement } from 'lit-element';\nimport BXModalBody from '@carbon/~~carbon-~~web-components/es/components/modal/modal-body.js';\nimport ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';\nimport styles from './expressive-modal.scss';\nimport StableSelectorMixin from '../../globals/mixins/stable-selector';\n\nconst { stablePrefix: ddsPrefix } = ddsSettings;\n\n/\n Expressive modal body.\n \n @element dds-expressive-modal-body\n /\n@customElement(`${ddsPrefix}-expressive-modal-body`)\nclass DDSExpressiveModalBody extends StableSelectorMixin(BXModalBody) {\n static get stableSelector() {\n return `${ddsPrefix}--expressive-modal-body`;\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 DDSExpressiveModalBody;\n"],"mappings":";AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,aAAa,QAAQ,aAAa;AAC3C,OAAOC,WAAW,MAAM,~~iEAAiE~~;~~AACzF~~,OAAOC,WAAW,MAAM,kFAA+E;AACvG,OAAOC,MAAM,MAAM,6BAAyB;AAC5C,OAAOC,mBAAmB,MAAM,yCAAsC;AAEtE,MAAM;EAAEC,YAAY,EAAEC;AAAU,CAAC,GAAGJ,WAAW;;AAE/C;AACA;AACA;AACA;AACA;AAJA,IAMMK,sBAAsB,cAD3BP,aAAa,CAAE,GAAEM,SAAU,wBAAuB,CAAC;EAApD,MACMC,sBAAsB,8BAA0C;IAAA;MAAA;MAAA;IAAA;EAMtE;EAAC;IAAA,GANKA,sBAAsB;IAAA;MAAA;MAAA;MAAA;MAAA,OAC1B,0BAA4B;QAC1B,OAAQ,GAAED,SAAU,yBAAwB;MAC9C;IAAC;MAAA;MAAA;MAAA;MAAA;QAAA,OAEeH,MAAM;MAAA;IAAA;EAAA;AAAA,GALaC,mBAAmB,CAACH,WAAW,CAAC,GAQrE;AACA,eAAeM,sBAAsB"}
1	+ {"version":3,"file":"expressive-modal-body.js","names":["customElement","BXModalBody","ddsSettings","styles","StableSelectorMixin","stablePrefix","ddsPrefix","DDSExpressiveModalBody"],"sources":["components/expressive-modal/expressive-modal-body.ts"],"sourcesContent":["/*\n @license\n \n Copyright IBM Corp. 2020, 2022\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 { customElement } from 'lit-element';\nimport BXModalBody from '@carbon/web-components/es/components/modal/modal-body.js';\nimport ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';\nimport styles from './expressive-modal.scss';\nimport StableSelectorMixin from '../../globals/mixins/stable-selector';\n\nconst { stablePrefix: ddsPrefix } = ddsSettings;\n\n/\n Expressive modal body.\n \n @element dds-expressive-modal-body\n /\n@customElement(`${ddsPrefix}-expressive-modal-body`)\nclass DDSExpressiveModalBody extends StableSelectorMixin(BXModalBody) {\n static get stableSelector() {\n return `${ddsPrefix}--expressive-modal-body`;\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 DDSExpressiveModalBody;\n"],"mappings":";AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,aAAa,QAAQ,aAAa;AAC3C,OAAOC,WAAW,MAAM,0DAA0D;AAClF,OAAOC,WAAW,MAAM,kFAA+E;AACvG,OAAOC,MAAM,MAAM,6BAAyB;AAC5C,OAAOC,mBAAmB,MAAM,yCAAsC;AAEtE,MAAM;EAAEC,YAAY,EAAEC;AAAU,CAAC,GAAGJ,WAAW;;AAE/C;AACA;AACA;AACA;AACA;AAJA,IAMMK,sBAAsB,cAD3BP,aAAa,CAAE,GAAEM,SAAU,wBAAuB,CAAC;EAApD,MACMC,sBAAsB,8BAA0C;IAAA;MAAA;MAAA;IAAA;EAMtE;EAAC;IAAA,GANKA,sBAAsB;IAAA;MAAA;MAAA;MAAA;MAAA,OAC1B,0BAA4B;QAC1B,OAAQ,GAAED,SAAU,yBAAwB;MAC9C;IAAC;MAAA;MAAA;MAAA;MAAA;QAAA,OAEeH,MAAM;MAAA;IAAA;EAAA;AAAA,GALaC,mBAAmB,CAACH,WAAW,CAAC,GAQrE;AACA,eAAeM,sBAAsB"}

package/es/components/expressive-modal/expressive-modal-close-button.d.ts CHANGED Viewed

@@ -6,7 +6,7 @@
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
  */
-import BXModalCloseButton from '@carbon/carbon-web-components/es/components/modal/modal-close-button.js';
+import BXModalCloseButton from '@carbon/web-components/es/components/modal/modal-close-button.js';
 import { EXPRESSIVE_MODAL_SIZE } from './defs';
 declare const DDSExpressiveModalCloseButton_base: {
     new (...args: any[]): {

package/es/components/expressive-modal/expressive-modal-close-button.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["components/expressive-modal/expressive-modal-close-button.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAGH,OAAO,kBAAkB,MAAM,~~yEAAyE~~,CAAC;~~AAEzG~~,OAAO,EAAE,qBAAqB,EAAE,MAAM,QAAQ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAM/C;;;;GAIG;AACH,cACM,6BAA8B,SAAQ,kCAE3C;IACC;;OAEG;IAEH,IAAI,wBAAiC;IAErC,MAAM,KAAK,cAAc,WAExB;IAED,MAAM,CAAC,MAAM,MAAU;CACxB;AAGD,eAAe,6BAA6B,CAAC","file":"expressive-modal-close-button.d.ts","sourcesContent":["/*\n @license\n \n Copyright IBM Corp. 2020, 2022\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 { property, customElement } from 'lit-element';\nimport BXModalCloseButton from '@carbon/~~carbon-~~web-components/es/components/modal/modal-close-button.js';\nimport ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';\nimport { EXPRESSIVE_MODAL_SIZE } from './defs';\nimport styles from './expressive-modal.scss';\nimport StableSelectorMixin from '../../globals/mixins/stable-selector';\n\nconst { stablePrefix: ddsPrefix } = ddsSettings;\n\n/\n Expressive modal close button.\n \n @element dds-expressive-modal-close-button\n /\n@customElement(`${ddsPrefix}-expressive-modal-close-button`)\nclass DDSExpressiveModalCloseButton extends StableSelectorMixin(\n BXModalCloseButton\n) {\n /\n The size variant.\n /\n @property({ reflect: true, attribute: 'size' })\n size = EXPRESSIVE_MODAL_SIZE.REGULAR;\n\n static get stableSelector() {\n return `${ddsPrefix}--expressive-modal-close-button`;\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 DDSExpressiveModalCloseButton;\n"]}
1	+ {"version":3,"sources":["components/expressive-modal/expressive-modal-close-button.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAGH,OAAO,kBAAkB,MAAM,kEAAkE,CAAC;AAElG,OAAO,EAAE,qBAAqB,EAAE,MAAM,QAAQ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAM/C;;;;GAIG;AACH,cACM,6BAA8B,SAAQ,kCAE3C;IACC;;OAEG;IAEH,IAAI,wBAAiC;IAErC,MAAM,KAAK,cAAc,WAExB;IAED,MAAM,CAAC,MAAM,MAAU;CACxB;AAGD,eAAe,6BAA6B,CAAC","file":"expressive-modal-close-button.d.ts","sourcesContent":["/*\n @license\n \n Copyright IBM Corp. 2020, 2022\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 { property, customElement } from 'lit-element';\nimport BXModalCloseButton from '@carbon/web-components/es/components/modal/modal-close-button.js';\nimport ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';\nimport { EXPRESSIVE_MODAL_SIZE } from './defs';\nimport styles from './expressive-modal.scss';\nimport StableSelectorMixin from '../../globals/mixins/stable-selector';\n\nconst { stablePrefix: ddsPrefix } = ddsSettings;\n\n/\n Expressive modal close button.\n \n @element dds-expressive-modal-close-button\n /\n@customElement(`${ddsPrefix}-expressive-modal-close-button`)\nclass DDSExpressiveModalCloseButton extends StableSelectorMixin(\n BXModalCloseButton\n) {\n /\n The size variant.\n /\n @property({ reflect: true, attribute: 'size' })\n size = EXPRESSIVE_MODAL_SIZE.REGULAR;\n\n static get stableSelector() {\n return `${ddsPrefix}--expressive-modal-close-button`;\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 DDSExpressiveModalCloseButton;\n"]}

package/es/components/expressive-modal/expressive-modal-close-button.js CHANGED Viewed

@@ -9,7 +9,7 @@ import _decorate from "@babel/runtime/helpers/esm/decorate";
  */
 import { property, customElement } from 'lit-element';
-import BXModalCloseButton from '@carbon/carbon-web-components/es/components/modal/modal-close-button.js';
+import BXModalCloseButton from '@carbon/web-components/es/components/modal/modal-close-button.js';
 import ddsSettings from "../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings.js";
 import { EXPRESSIVE_MODAL_SIZE } from "./defs.js";
 import styles from "././expressive-modal.css.js";

package/es/components/expressive-modal/expressive-modal-close-button.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"expressive-modal-close-button.js","names":["property","customElement","BXModalCloseButton","ddsSettings","EXPRESSIVE_MODAL_SIZE","styles","StableSelectorMixin","stablePrefix","ddsPrefix","DDSExpressiveModalCloseButton","reflect","attribute","REGULAR"],"sources":["components/expressive-modal/expressive-modal-close-button.ts"],"sourcesContent":["/*\n @license\n \n Copyright IBM Corp. 2020, 2022\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 { property, customElement } from 'lit-element';\nimport BXModalCloseButton from '@carbon/~~carbon-~~web-components/es/components/modal/modal-close-button.js';\nimport ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';\nimport { EXPRESSIVE_MODAL_SIZE } from './defs';\nimport styles from './expressive-modal.scss';\nimport StableSelectorMixin from '../../globals/mixins/stable-selector';\n\nconst { stablePrefix: ddsPrefix } = ddsSettings;\n\n/\n Expressive modal close button.\n \n @element dds-expressive-modal-close-button\n /\n@customElement(`${ddsPrefix}-expressive-modal-close-button`)\nclass DDSExpressiveModalCloseButton extends StableSelectorMixin(\n BXModalCloseButton\n) {\n /\n The size variant.\n /\n @property({ reflect: true, attribute: 'size' })\n size = EXPRESSIVE_MODAL_SIZE.REGULAR;\n\n static get stableSelector() {\n return `${ddsPrefix}--expressive-modal-close-button`;\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 DDSExpressiveModalCloseButton;\n"],"mappings":";AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,QAAQ,EAAEC,aAAa,QAAQ,aAAa;AACrD,OAAOC,kBAAkB,MAAM,~~yEAAyE~~;~~AACxG~~,OAAOC,WAAW,MAAM,kFAA+E;AACvG,SAASC,qBAAqB,QAAQ,WAAQ;AAC9C,OAAOC,MAAM,MAAM,6BAAyB;AAC5C,OAAOC,mBAAmB,MAAM,yCAAsC;AAEtE,MAAM;EAAEC,YAAY,EAAEC;AAAU,CAAC,GAAGL,WAAW;;AAE/C;AACA;AACA;AACA;AACA;AAJA,IAMMM,6BAA6B,cADlCR,aAAa,CAAE,GAAEO,SAAU,gCAA+B,CAAC;EAA5D,MACMC,6BAA6B,8BAEjC;IAAA;MAAA;MAAA;IAAA;EAYF;EAAC;IAAA,GAdKA,6BAA6B;IAAA;MAAA;MAAA,aAMhCT,QAAQ,CAAC;QAAEU,OAAO,EAAE,IAAI;QAAEC,SAAS,EAAE;MAAO,CAAC,CAAC;MAAA;MAAA;QAAA,OACxCP,qBAAqB,CAACQ,OAAO;MAAA;IAAA;MAAA;MAAA;MAAA;MAAA;MAJpC;AACF;AACA;;MAIE,0BAA4B;QAC1B,OAAQ,GAAEJ,SAAU,iCAAgC;MACtD;IAAC;MAAA;MAAA;MAAA;MAAA;QAAA,OAEeH,MAAM;MAAA;IAAA;EAAA;AAAA,GAboBC,mBAAmB,CAC7DJ,kBAAkB,CACnB,GAcD;AACA,eAAeO,6BAA6B"}
1	+ {"version":3,"file":"expressive-modal-close-button.js","names":["property","customElement","BXModalCloseButton","ddsSettings","EXPRESSIVE_MODAL_SIZE","styles","StableSelectorMixin","stablePrefix","ddsPrefix","DDSExpressiveModalCloseButton","reflect","attribute","REGULAR"],"sources":["components/expressive-modal/expressive-modal-close-button.ts"],"sourcesContent":["/*\n @license\n \n Copyright IBM Corp. 2020, 2022\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 { property, customElement } from 'lit-element';\nimport BXModalCloseButton from '@carbon/web-components/es/components/modal/modal-close-button.js';\nimport ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';\nimport { EXPRESSIVE_MODAL_SIZE } from './defs';\nimport styles from './expressive-modal.scss';\nimport StableSelectorMixin from '../../globals/mixins/stable-selector';\n\nconst { stablePrefix: ddsPrefix } = ddsSettings;\n\n/\n Expressive modal close button.\n \n @element dds-expressive-modal-close-button\n /\n@customElement(`${ddsPrefix}-expressive-modal-close-button`)\nclass DDSExpressiveModalCloseButton extends StableSelectorMixin(\n BXModalCloseButton\n) {\n /\n The size variant.\n /\n @property({ reflect: true, attribute: 'size' })\n size = EXPRESSIVE_MODAL_SIZE.REGULAR;\n\n static get stableSelector() {\n return `${ddsPrefix}--expressive-modal-close-button`;\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 DDSExpressiveModalCloseButton;\n"],"mappings":";AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,QAAQ,EAAEC,aAAa,QAAQ,aAAa;AACrD,OAAOC,kBAAkB,MAAM,kEAAkE;AACjG,OAAOC,WAAW,MAAM,kFAA+E;AACvG,SAASC,qBAAqB,QAAQ,WAAQ;AAC9C,OAAOC,MAAM,MAAM,6BAAyB;AAC5C,OAAOC,mBAAmB,MAAM,yCAAsC;AAEtE,MAAM;EAAEC,YAAY,EAAEC;AAAU,CAAC,GAAGL,WAAW;;AAE/C;AACA;AACA;AACA;AACA;AAJA,IAMMM,6BAA6B,cADlCR,aAAa,CAAE,GAAEO,SAAU,gCAA+B,CAAC;EAA5D,MACMC,6BAA6B,8BAEjC;IAAA;MAAA;MAAA;IAAA;EAYF;EAAC;IAAA,GAdKA,6BAA6B;IAAA;MAAA;MAAA,aAMhCT,QAAQ,CAAC;QAAEU,OAAO,EAAE,IAAI;QAAEC,SAAS,EAAE;MAAO,CAAC,CAAC;MAAA;MAAA;QAAA,OACxCP,qBAAqB,CAACQ,OAAO;MAAA;IAAA;MAAA;MAAA;MAAA;MAAA;MAJpC;AACF;AACA;;MAIE,0BAA4B;QAC1B,OAAQ,GAAEJ,SAAU,iCAAgC;MACtD;IAAC;MAAA;MAAA;MAAA;MAAA;QAAA,OAEeH,MAAM;MAAA;IAAA;EAAA;AAAA,GAboBC,mBAAmB,CAC7DJ,kBAAkB,CACnB,GAcD;AACA,eAAeO,6BAA6B"}

package/es/components/expressive-modal/expressive-modal-footer.d.ts CHANGED Viewed

@@ -6,7 +6,7 @@
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
  */
-import BXModalFooter from '@carbon/carbon-web-components/es/components/modal/modal-footer.js';
+import BXModalFooter from '@carbon/web-components/es/components/modal/modal-footer.js';
 declare const DDSExpressiveModalFooter_base: {
     new (...args: any[]): {
         linkNode: any;

package/es/components/expressive-modal/expressive-modal-footer.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["components/expressive-modal/expressive-modal-footer.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAGH,OAAO,aAAa,MAAM,~~mEAAmE~~,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;~~AAO9F~~;;;;GAIG;AACH,cACM,wBAAyB,SAAQ,6BAAkC;IACvE;;OAEG;IAEH,IAAI,SAAY;IAEhB,MAAM,KAAK,cAAc,WAExB;IAED,MAAM,CAAC,MAAM,MAAU;CACxB;AAGD,eAAe,wBAAwB,CAAC","file":"expressive-modal-footer.d.ts","sourcesContent":["/*\n @license\n \n Copyright IBM Corp. 2020, 2022\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 { property, customElement } from 'lit-element';\nimport BXModalFooter from '@carbon/~~carbon-~~web-components/es/components/modal/modal-footer.js';\nimport ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';\nimport styles from './expressive-modal.scss';\nimport StableSelectorMixin from '../../globals/mixins/stable-selector';\n\nconst { stablePrefix: ddsPrefix } = ddsSettings;\n\n/\n Expressive modal footer.\n \n @element dds-expressive-modal-footer\n /\n@customElement(`${ddsPrefix}-expressive-modal-footer`)\nclass DDSExpressiveModalFooter extends StableSelectorMixin(BXModalFooter) {\n /\n The slot in parent `<dds-modal>`.\n /\n @property({ reflect: true })\n slot = 'footer';\n\n static get stableSelector() {\n return `${ddsPrefix}--expressive-modal-footer`;\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 DDSExpressiveModalFooter;\n"]}
1	+ {"version":3,"sources":["components/expressive-modal/expressive-modal-footer.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAGH,OAAO,aAAa,MAAM,4DAA4D,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAOvF;;;;GAIG;AACH,cACM,wBAAyB,SAAQ,6BAAkC;IACvE;;OAEG;IAEH,IAAI,SAAY;IAEhB,MAAM,KAAK,cAAc,WAExB;IAED,MAAM,CAAC,MAAM,MAAU;CACxB;AAGD,eAAe,wBAAwB,CAAC","file":"expressive-modal-footer.d.ts","sourcesContent":["/*\n @license\n \n Copyright IBM Corp. 2020, 2022\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 { property, customElement } from 'lit-element';\nimport BXModalFooter from '@carbon/web-components/es/components/modal/modal-footer.js';\nimport ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';\nimport styles from './expressive-modal.scss';\nimport StableSelectorMixin from '../../globals/mixins/stable-selector';\n\nconst { stablePrefix: ddsPrefix } = ddsSettings;\n\n/\n Expressive modal footer.\n \n @element dds-expressive-modal-footer\n /\n@customElement(`${ddsPrefix}-expressive-modal-footer`)\nclass DDSExpressiveModalFooter extends StableSelectorMixin(BXModalFooter) {\n /\n The slot in parent `<dds-modal>`.\n /\n @property({ reflect: true })\n slot = 'footer';\n\n static get stableSelector() {\n return `${ddsPrefix}--expressive-modal-footer`;\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 DDSExpressiveModalFooter;\n"]}

package/es/components/expressive-modal/expressive-modal-footer.js CHANGED Viewed

@@ -9,7 +9,7 @@ import _decorate from "@babel/runtime/helpers/esm/decorate";
  */
 import { property, customElement } from 'lit-element';
-import BXModalFooter from '@carbon/carbon-web-components/es/components/modal/modal-footer.js';
+import BXModalFooter from '@carbon/web-components/es/components/modal/modal-footer.js';
 import ddsSettings from "../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings.js";
 import styles from "././expressive-modal.css.js";
 import StableSelectorMixin from "../../globals/mixins/stable-selector.js";

package/es/components/expressive-modal/expressive-modal-footer.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"expressive-modal-footer.js","names":["property","customElement","BXModalFooter","ddsSettings","styles","StableSelectorMixin","stablePrefix","ddsPrefix","DDSExpressiveModalFooter","reflect"],"sources":["components/expressive-modal/expressive-modal-footer.ts"],"sourcesContent":["/*\n @license\n \n Copyright IBM Corp. 2020, 2022\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 { property, customElement } from 'lit-element';\nimport BXModalFooter from '@carbon/~~carbon-~~web-components/es/components/modal/modal-footer.js';\nimport ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';\nimport styles from './expressive-modal.scss';\nimport StableSelectorMixin from '../../globals/mixins/stable-selector';\n\nconst { stablePrefix: ddsPrefix } = ddsSettings;\n\n/\n Expressive modal footer.\n \n @element dds-expressive-modal-footer\n /\n@customElement(`${ddsPrefix}-expressive-modal-footer`)\nclass DDSExpressiveModalFooter extends StableSelectorMixin(BXModalFooter) {\n /\n The slot in parent `<dds-modal>`.\n /\n @property({ reflect: true })\n slot = 'footer';\n\n static get stableSelector() {\n return `${ddsPrefix}--expressive-modal-footer`;\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 DDSExpressiveModalFooter;\n"],"mappings":";AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,QAAQ,EAAEC,aAAa,QAAQ,aAAa;AACrD,OAAOC,aAAa,MAAM,~~mEAAmE~~;~~AAC7F~~,OAAOC,WAAW,MAAM,kFAA+E;AACvG,OAAOC,MAAM,MAAM,6BAAyB;AAC5C,OAAOC,mBAAmB,MAAM,yCAAsC;AAEtE,MAAM;EAAEC,YAAY,EAAEC;AAAU,CAAC,GAAGJ,WAAW;;AAE/C;AACA;AACA;AACA;AACA;AAJA,IAMMK,wBAAwB,cAD7BP,aAAa,CAAE,GAAEM,SAAU,0BAAyB,CAAC;EAAtD,MACMC,wBAAwB,8BAA4C;IAAA;MAAA;MAAA;IAAA;EAY1E;EAAC;IAAA,GAZKA,wBAAwB;IAAA;MAAA;MAAA,aAI3BR,QAAQ,CAAC;QAAES,OAAO,EAAE;MAAK,CAAC,CAAC;MAAA;MAAA;QAAA,OACrB,QAAQ;MAAA;IAAA;MAAA;MAAA;MAAA;MAAA;MAJf;AACF;AACA;;MAIE,0BAA4B;QAC1B,OAAQ,GAAEF,SAAU,2BAA0B;MAChD;IAAC;MAAA;MAAA;MAAA;MAAA;QAAA,OAEeH,MAAM;MAAA;IAAA;EAAA;AAAA,GAXeC,mBAAmB,CAACH,aAAa,CAAC,GAczE;AACA,eAAeM,wBAAwB"}
1	+ {"version":3,"file":"expressive-modal-footer.js","names":["property","customElement","BXModalFooter","ddsSettings","styles","StableSelectorMixin","stablePrefix","ddsPrefix","DDSExpressiveModalFooter","reflect"],"sources":["components/expressive-modal/expressive-modal-footer.ts"],"sourcesContent":["/*\n @license\n \n Copyright IBM Corp. 2020, 2022\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 { property, customElement } from 'lit-element';\nimport BXModalFooter from '@carbon/web-components/es/components/modal/modal-footer.js';\nimport ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';\nimport styles from './expressive-modal.scss';\nimport StableSelectorMixin from '../../globals/mixins/stable-selector';\n\nconst { stablePrefix: ddsPrefix } = ddsSettings;\n\n/\n Expressive modal footer.\n \n @element dds-expressive-modal-footer\n /\n@customElement(`${ddsPrefix}-expressive-modal-footer`)\nclass DDSExpressiveModalFooter extends StableSelectorMixin(BXModalFooter) {\n /\n The slot in parent `<dds-modal>`.\n /\n @property({ reflect: true })\n slot = 'footer';\n\n static get stableSelector() {\n return `${ddsPrefix}--expressive-modal-footer`;\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 DDSExpressiveModalFooter;\n"],"mappings":";AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,QAAQ,EAAEC,aAAa,QAAQ,aAAa;AACrD,OAAOC,aAAa,MAAM,4DAA4D;AACtF,OAAOC,WAAW,MAAM,kFAA+E;AACvG,OAAOC,MAAM,MAAM,6BAAyB;AAC5C,OAAOC,mBAAmB,MAAM,yCAAsC;AAEtE,MAAM;EAAEC,YAAY,EAAEC;AAAU,CAAC,GAAGJ,WAAW;;AAE/C;AACA;AACA;AACA;AACA;AAJA,IAMMK,wBAAwB,cAD7BP,aAAa,CAAE,GAAEM,SAAU,0BAAyB,CAAC;EAAtD,MACMC,wBAAwB,8BAA4C;IAAA;MAAA;MAAA;IAAA;EAY1E;EAAC;IAAA,GAZKA,wBAAwB;IAAA;MAAA;MAAA,aAI3BR,QAAQ,CAAC;QAAES,OAAO,EAAE;MAAK,CAAC,CAAC;MAAA;MAAA;QAAA,OACrB,QAAQ;MAAA;IAAA;MAAA;MAAA;MAAA;MAAA;MAJf;AACF;AACA;;MAIE,0BAA4B;QAC1B,OAAQ,GAAEF,SAAU,2BAA0B;MAChD;IAAC;MAAA;MAAA;MAAA;MAAA;QAAA,OAEeH,MAAM;MAAA;IAAA;EAAA;AAAA,GAXeC,mBAAmB,CAACH,aAAa,CAAC,GAczE;AACA,eAAeM,wBAAwB"}

package/es/components/expressive-modal/expressive-modal-header.d.ts CHANGED Viewed

@@ -6,7 +6,7 @@
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
  */
-import BXModalHeader from '@carbon/carbon-web-components/es/components/modal/modal-header.js';
+import BXModalHeader from '@carbon/web-components/es/components/modal/modal-header.js';
 declare const DDSExpressiveModalHeader_base: {
     new (...args: any[]): {
         linkNode: any;

package/es/components/expressive-modal/expressive-modal-header.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["components/expressive-modal/expressive-modal-header.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAGH,OAAO,aAAa,MAAM,~~mEAAmE~~,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;~~AAO9F~~;;;;GAIG;AACH,cACM,wBAAyB,SAAQ,6BAAkC;IAEvE,IAAI,SAAY;IAEhB,MAAM,KAAK,cAAc,WAExB;IAED,MAAM,CAAC,MAAM,MAAU;CACxB;AAGD,eAAe,wBAAwB,CAAC","file":"expressive-modal-header.d.ts","sourcesContent":["/*\n @license\n \n Copyright IBM Corp. 2020, 2022\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 { property, customElement } from 'lit-element';\nimport BXModalHeader from '@carbon/~~carbon-~~web-components/es/components/modal/modal-header.js';\nimport ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';\nimport styles from './expressive-modal.scss';\nimport StableSelectorMixin from '../../globals/mixins/stable-selector';\n\nconst { stablePrefix: ddsPrefix } = ddsSettings;\n\n/\n Expressive modal header.\n \n @element dds-expressive-modal-header\n /\n@customElement(`${ddsPrefix}-expressive-modal-header`)\nclass DDSExpressiveModalHeader extends StableSelectorMixin(BXModalHeader) {\n @property({ reflect: true })\n slot = 'header';\n\n static get stableSelector() {\n return `${ddsPrefix}--expressive-modal-header`;\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 DDSExpressiveModalHeader;\n"]}
1	+ {"version":3,"sources":["components/expressive-modal/expressive-modal-header.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAGH,OAAO,aAAa,MAAM,4DAA4D,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAOvF;;;;GAIG;AACH,cACM,wBAAyB,SAAQ,6BAAkC;IAEvE,IAAI,SAAY;IAEhB,MAAM,KAAK,cAAc,WAExB;IAED,MAAM,CAAC,MAAM,MAAU;CACxB;AAGD,eAAe,wBAAwB,CAAC","file":"expressive-modal-header.d.ts","sourcesContent":["/*\n @license\n \n Copyright IBM Corp. 2020, 2022\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 { property, customElement } from 'lit-element';\nimport BXModalHeader from '@carbon/web-components/es/components/modal/modal-header.js';\nimport ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';\nimport styles from './expressive-modal.scss';\nimport StableSelectorMixin from '../../globals/mixins/stable-selector';\n\nconst { stablePrefix: ddsPrefix } = ddsSettings;\n\n/\n Expressive modal header.\n \n @element dds-expressive-modal-header\n /\n@customElement(`${ddsPrefix}-expressive-modal-header`)\nclass DDSExpressiveModalHeader extends StableSelectorMixin(BXModalHeader) {\n @property({ reflect: true })\n slot = 'header';\n\n static get stableSelector() {\n return `${ddsPrefix}--expressive-modal-header`;\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 DDSExpressiveModalHeader;\n"]}

package/es/components/expressive-modal/expressive-modal-header.js CHANGED Viewed

@@ -9,7 +9,7 @@ import _decorate from "@babel/runtime/helpers/esm/decorate";
  */
 import { property, customElement } from 'lit-element';
-import BXModalHeader from '@carbon/carbon-web-components/es/components/modal/modal-header.js';
+import BXModalHeader from '@carbon/web-components/es/components/modal/modal-header.js';
 import ddsSettings from "../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings.js";
 import styles from "././expressive-modal.css.js";
 import StableSelectorMixin from "../../globals/mixins/stable-selector.js";

package/es/components/expressive-modal/expressive-modal-header.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"expressive-modal-header.js","names":["property","customElement","BXModalHeader","ddsSettings","styles","StableSelectorMixin","stablePrefix","ddsPrefix","DDSExpressiveModalHeader","reflect"],"sources":["components/expressive-modal/expressive-modal-header.ts"],"sourcesContent":["/*\n @license\n \n Copyright IBM Corp. 2020, 2022\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 { property, customElement } from 'lit-element';\nimport BXModalHeader from '@carbon/~~carbon-~~web-components/es/components/modal/modal-header.js';\nimport ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';\nimport styles from './expressive-modal.scss';\nimport StableSelectorMixin from '../../globals/mixins/stable-selector';\n\nconst { stablePrefix: ddsPrefix } = ddsSettings;\n\n/\n Expressive modal header.\n \n @element dds-expressive-modal-header\n /\n@customElement(`${ddsPrefix}-expressive-modal-header`)\nclass DDSExpressiveModalHeader extends StableSelectorMixin(BXModalHeader) {\n @property({ reflect: true })\n slot = 'header';\n\n static get stableSelector() {\n return `${ddsPrefix}--expressive-modal-header`;\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 DDSExpressiveModalHeader;\n"],"mappings":";AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,QAAQ,EAAEC,aAAa,QAAQ,aAAa;AACrD,OAAOC,aAAa,MAAM,~~mEAAmE~~;~~AAC7F~~,OAAOC,WAAW,MAAM,kFAA+E;AACvG,OAAOC,MAAM,MAAM,6BAAyB;AAC5C,OAAOC,mBAAmB,MAAM,yCAAsC;AAEtE,MAAM;EAAEC,YAAY,EAAEC;AAAU,CAAC,GAAGJ,WAAW;;AAE/C;AACA;AACA;AACA;AACA;AAJA,IAMMK,wBAAwB,cAD7BP,aAAa,CAAE,GAAEM,SAAU,0BAAyB,CAAC;EAAtD,MACMC,wBAAwB,8BAA4C;IAAA;MAAA;MAAA;IAAA;EAS1E;EAAC;IAAA,GATKA,wBAAwB;IAAA;MAAA;MAAA,aAC3BR,QAAQ,CAAC;QAAES,OAAO,EAAE;MAAK,CAAC,CAAC;MAAA;MAAA;QAAA,OACrB,QAAQ;MAAA;IAAA;MAAA;MAAA;MAAA;MAAA,OAEf,0BAA4B;QAC1B,OAAQ,GAAEF,SAAU,2BAA0B;MAChD;IAAC;MAAA;MAAA;MAAA;MAAA;QAAA,OAEeH,MAAM;MAAA;IAAA;EAAA;AAAA,GAReC,mBAAmB,CAACH,aAAa,CAAC,GAWzE;AACA,eAAeM,wBAAwB"}
1	+ {"version":3,"file":"expressive-modal-header.js","names":["property","customElement","BXModalHeader","ddsSettings","styles","StableSelectorMixin","stablePrefix","ddsPrefix","DDSExpressiveModalHeader","reflect"],"sources":["components/expressive-modal/expressive-modal-header.ts"],"sourcesContent":["/*\n @license\n \n Copyright IBM Corp. 2020, 2022\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 { property, customElement } from 'lit-element';\nimport BXModalHeader from '@carbon/web-components/es/components/modal/modal-header.js';\nimport ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';\nimport styles from './expressive-modal.scss';\nimport StableSelectorMixin from '../../globals/mixins/stable-selector';\n\nconst { stablePrefix: ddsPrefix } = ddsSettings;\n\n/\n Expressive modal header.\n \n @element dds-expressive-modal-header\n /\n@customElement(`${ddsPrefix}-expressive-modal-header`)\nclass DDSExpressiveModalHeader extends StableSelectorMixin(BXModalHeader) {\n @property({ reflect: true })\n slot = 'header';\n\n static get stableSelector() {\n return `${ddsPrefix}--expressive-modal-header`;\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 DDSExpressiveModalHeader;\n"],"mappings":";AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,QAAQ,EAAEC,aAAa,QAAQ,aAAa;AACrD,OAAOC,aAAa,MAAM,4DAA4D;AACtF,OAAOC,WAAW,MAAM,kFAA+E;AACvG,OAAOC,MAAM,MAAM,6BAAyB;AAC5C,OAAOC,mBAAmB,MAAM,yCAAsC;AAEtE,MAAM;EAAEC,YAAY,EAAEC;AAAU,CAAC,GAAGJ,WAAW;;AAE/C;AACA;AACA;AACA;AACA;AAJA,IAMMK,wBAAwB,cAD7BP,aAAa,CAAE,GAAEM,SAAU,0BAAyB,CAAC;EAAtD,MACMC,wBAAwB,8BAA4C;IAAA;MAAA;MAAA;IAAA;EAS1E;EAAC;IAAA,GATKA,wBAAwB;IAAA;MAAA;MAAA,aAC3BR,QAAQ,CAAC;QAAES,OAAO,EAAE;MAAK,CAAC,CAAC;MAAA;MAAA;QAAA,OACrB,QAAQ;MAAA;IAAA;MAAA;MAAA;MAAA;MAAA,OAEf,0BAA4B;QAC1B,OAAQ,GAAEF,SAAU,2BAA0B;MAChD;IAAC;MAAA;MAAA;MAAA;MAAA;QAAA,OAEeH,MAAM;MAAA;IAAA;EAAA;AAAA,GAReC,mBAAmB,CAACH,aAAa,CAAC,GAWzE;AACA,eAAeM,wBAAwB"}

package/es/components/expressive-modal/expressive-modal-heading.d.ts CHANGED Viewed

@@ -6,7 +6,7 @@
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
  */
-import BXModalHeading from '@carbon/carbon-web-components/es/components/modal/modal-heading.js';
+import BXModalHeading from '@carbon/web-components/es/components/modal/modal-heading.js';
 declare const DDSExpressiveModalHeading_base: {
     new (...args: any[]): {
         linkNode: any;

package/es/components/expressive-modal/expressive-modal-heading.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["components/expressive-modal/expressive-modal-heading.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAGH,OAAO,cAAc,MAAM,~~oEAAoE~~,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;~~AAOhG~~;;;;GAIG;AACH,cACM,yBAA0B,SAAQ,8BAAmC;IACzE,iBAAiB;IAUjB,MAAM,KAAK,cAAc,WAExB;IAED,MAAM,CAAC,MAAM,MAAU;CACxB;AAGD,eAAe,yBAAyB,CAAC","file":"expressive-modal-heading.d.ts","sourcesContent":["/*\n @license\n \n Copyright IBM Corp. 2020, 2022\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 { customElement } from 'lit-element';\nimport BXModalHeading from '@carbon/~~carbon-~~web-components/es/components/modal/modal-heading.js';\nimport ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';\nimport styles from './expressive-modal.scss';\nimport StableSelectorMixin from '../../globals/mixins/stable-selector';\n\nconst { stablePrefix: ddsPrefix } = ddsSettings;\n\n/\n Expressive modal heading.\n \n @element dds-expressive-modal-heading\n /\n@customElement(`${ddsPrefix}-expressive-modal-heading`)\nclass DDSExpressiveModalHeading extends StableSelectorMixin(BXModalHeading) {\n connectedCallback() {\n if (!this.hasAttribute('role')) {\n this.setAttribute('role', 'heading');\n }\n if (!this.hasAttribute('aria-level')) {\n this.setAttribute('aria-level', '2');\n }\n super.connectedCallback();\n }\n\n static get stableSelector() {\n return `${ddsPrefix}--expressive-modal-heading`;\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 DDSExpressiveModalHeading;\n"]}
1	+ {"version":3,"sources":["components/expressive-modal/expressive-modal-heading.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAGH,OAAO,cAAc,MAAM,6DAA6D,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAOzF;;;;GAIG;AACH,cACM,yBAA0B,SAAQ,8BAAmC;IACzE,iBAAiB;IAUjB,MAAM,KAAK,cAAc,WAExB;IAED,MAAM,CAAC,MAAM,MAAU;CACxB;AAGD,eAAe,yBAAyB,CAAC","file":"expressive-modal-heading.d.ts","sourcesContent":["/*\n @license\n \n Copyright IBM Corp. 2020, 2022\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 { customElement } from 'lit-element';\nimport BXModalHeading from '@carbon/web-components/es/components/modal/modal-heading.js';\nimport ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';\nimport styles from './expressive-modal.scss';\nimport StableSelectorMixin from '../../globals/mixins/stable-selector';\n\nconst { stablePrefix: ddsPrefix } = ddsSettings;\n\n/\n Expressive modal heading.\n \n @element dds-expressive-modal-heading\n /\n@customElement(`${ddsPrefix}-expressive-modal-heading`)\nclass DDSExpressiveModalHeading extends StableSelectorMixin(BXModalHeading) {\n connectedCallback() {\n if (!this.hasAttribute('role')) {\n this.setAttribute('role', 'heading');\n }\n if (!this.hasAttribute('aria-level')) {\n this.setAttribute('aria-level', '2');\n }\n super.connectedCallback();\n }\n\n static get stableSelector() {\n return `${ddsPrefix}--expressive-modal-heading`;\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 DDSExpressiveModalHeading;\n"]}

package/es/components/expressive-modal/expressive-modal-heading.js CHANGED Viewed

@@ -11,7 +11,7 @@ import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
  */
 import { customElement } from 'lit-element';
-import BXModalHeading from '@carbon/carbon-web-components/es/components/modal/modal-heading.js';
+import BXModalHeading from '@carbon/web-components/es/components/modal/modal-heading.js';
 import ddsSettings from "../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings.js";
 import styles from "././expressive-modal.css.js";
 import StableSelectorMixin from "../../globals/mixins/stable-selector.js";

package/es/components/expressive-modal/expressive-modal-heading.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"expressive-modal-heading.js","names":["customElement","BXModalHeading","ddsSettings","styles","StableSelectorMixin","stablePrefix","ddsPrefix","DDSExpressiveModalHeading","hasAttribute","setAttribute"],"sources":["components/expressive-modal/expressive-modal-heading.ts"],"sourcesContent":["/*\n @license\n \n Copyright IBM Corp. 2020, 2022\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 { customElement } from 'lit-element';\nimport BXModalHeading from '@carbon/~~carbon-~~web-components/es/components/modal/modal-heading.js';\nimport ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';\nimport styles from './expressive-modal.scss';\nimport StableSelectorMixin from '../../globals/mixins/stable-selector';\n\nconst { stablePrefix: ddsPrefix } = ddsSettings;\n\n/\n Expressive modal heading.\n \n @element dds-expressive-modal-heading\n /\n@customElement(`${ddsPrefix}-expressive-modal-heading`)\nclass DDSExpressiveModalHeading extends StableSelectorMixin(BXModalHeading) {\n connectedCallback() {\n if (!this.hasAttribute('role')) {\n this.setAttribute('role', 'heading');\n }\n if (!this.hasAttribute('aria-level')) {\n this.setAttribute('aria-level', '2');\n }\n super.connectedCallback();\n }\n\n static get stableSelector() {\n return `${ddsPrefix}--expressive-modal-heading`;\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 DDSExpressiveModalHeading;\n"],"mappings":";;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,aAAa,QAAQ,aAAa;AAC3C,OAAOC,cAAc,MAAM,~~oEAAoE~~;~~AAC/F~~,OAAOC,WAAW,MAAM,kFAA+E;AACvG,OAAOC,MAAM,MAAM,6BAAyB;AAC5C,OAAOC,mBAAmB,MAAM,yCAAsC;AAEtE,MAAM;EAAEC,YAAY,EAAEC;AAAU,CAAC,GAAGJ,WAAW;;AAE/C;AACA;AACA;AACA;AACA;AAJA,IAMMK,yBAAyB,cAD9BP,aAAa,CAAE,GAAEM,SAAU,2BAA0B,CAAC;EAAvD,MACMC,yBAAyB,8BAA6C;IAAA;MAAA;MAAA;IAAA;EAgB5E;EAAC;IAAA,GAhBKA,yBAAyB;IAAA;MAAA;MAAA;MAAA,OAC7B,6BAAoB;QAClB,IAAI,CAAC,IAAI,CAACC,YAAY,CAAC,MAAM,CAAC,EAAE;UAC9B,IAAI,CAACC,YAAY,CAAC,MAAM,EAAE,SAAS,CAAC;QACtC;QACA,IAAI,CAAC,IAAI,CAACD,YAAY,CAAC,YAAY,CAAC,EAAE;UACpC,IAAI,CAACC,YAAY,CAAC,YAAY,EAAE,GAAG,CAAC;QACtC;QACA,qBAREF,yBAAyB;MAS7B;IAAC;MAAA;MAAA;MAAA;MAAA,OAED,0BAA4B;QAC1B,OAAQ,GAAED,SAAU,4BAA2B;MACjD;IAAC;MAAA;MAAA;MAAA;MAAA;QAAA,OAEeH,MAAM;MAAA;IAAA;EAAA;AAAA,GAfgBC,mBAAmB,CAACH,cAAc,CAAC,GAkB3E;AACA,eAAeM,yBAAyB"}
1	+ {"version":3,"file":"expressive-modal-heading.js","names":["customElement","BXModalHeading","ddsSettings","styles","StableSelectorMixin","stablePrefix","ddsPrefix","DDSExpressiveModalHeading","hasAttribute","setAttribute"],"sources":["components/expressive-modal/expressive-modal-heading.ts"],"sourcesContent":["/*\n @license\n \n Copyright IBM Corp. 2020, 2022\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 { customElement } from 'lit-element';\nimport BXModalHeading from '@carbon/web-components/es/components/modal/modal-heading.js';\nimport ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';\nimport styles from './expressive-modal.scss';\nimport StableSelectorMixin from '../../globals/mixins/stable-selector';\n\nconst { stablePrefix: ddsPrefix } = ddsSettings;\n\n/\n Expressive modal heading.\n \n @element dds-expressive-modal-heading\n /\n@customElement(`${ddsPrefix}-expressive-modal-heading`)\nclass DDSExpressiveModalHeading extends StableSelectorMixin(BXModalHeading) {\n connectedCallback() {\n if (!this.hasAttribute('role')) {\n this.setAttribute('role', 'heading');\n }\n if (!this.hasAttribute('aria-level')) {\n this.setAttribute('aria-level', '2');\n }\n super.connectedCallback();\n }\n\n static get stableSelector() {\n return `${ddsPrefix}--expressive-modal-heading`;\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 DDSExpressiveModalHeading;\n"],"mappings":";;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,aAAa,QAAQ,aAAa;AAC3C,OAAOC,cAAc,MAAM,6DAA6D;AACxF,OAAOC,WAAW,MAAM,kFAA+E;AACvG,OAAOC,MAAM,MAAM,6BAAyB;AAC5C,OAAOC,mBAAmB,MAAM,yCAAsC;AAEtE,MAAM;EAAEC,YAAY,EAAEC;AAAU,CAAC,GAAGJ,WAAW;;AAE/C;AACA;AACA;AACA;AACA;AAJA,IAMMK,yBAAyB,cAD9BP,aAAa,CAAE,GAAEM,SAAU,2BAA0B,CAAC;EAAvD,MACMC,yBAAyB,8BAA6C;IAAA;MAAA;MAAA;IAAA;EAgB5E;EAAC;IAAA,GAhBKA,yBAAyB;IAAA;MAAA;MAAA;MAAA,OAC7B,6BAAoB;QAClB,IAAI,CAAC,IAAI,CAACC,YAAY,CAAC,MAAM,CAAC,EAAE;UAC9B,IAAI,CAACC,YAAY,CAAC,MAAM,EAAE,SAAS,CAAC;QACtC;QACA,IAAI,CAAC,IAAI,CAACD,YAAY,CAAC,YAAY,CAAC,EAAE;UACpC,IAAI,CAACC,YAAY,CAAC,YAAY,EAAE,GAAG,CAAC;QACtC;QACA,qBAREF,yBAAyB;MAS7B;IAAC;MAAA;MAAA;MAAA;MAAA,OAED,0BAA4B;QAC1B,OAAQ,GAAED,SAAU,4BAA2B;MACjD;IAAC;MAAA;MAAA;MAAA;MAAA;QAAA,OAEeH,MAAM;MAAA;IAAA;EAAA;AAAA,GAfgBC,mBAAmB,CAACH,cAAc,CAAC,GAkB3E;AACA,eAAeM,yBAAyB"}

package/es/components/expressive-modal/expressive-modal.d.ts CHANGED Viewed

@@ -326,7 +326,7 @@ declare const DDSExpressiveModal_base: {
     stableSelector: string;
 } & {
     new (...args: any[]): {
-        _handles: Set<import("@carbon/carbon-web-components/es/globals/internal/handle").default>;
+        _handles: Set<import("@carbon/web-components/es/globals/internal/handle").default>;
         connectedCallback(): void;
         disconnectedCallback(): void;
         accessKey: string;
@@ -426,11 +426,6 @@ declare const DDSExpressiveModal_base: {
         readonly childNodes: NodeListOf<ChildNode>;
         readonly firstChild: ChildNode | null;
         readonly isConnected: boolean;
-        /**
-         * Handles `click` event on this element.
-         *
-         * @param event The event.
-         */
         readonly lastChild: ChildNode | null;
         readonly nextSibling: ChildNode | null;
         readonly nodeName: string;
@@ -544,9 +539,7 @@ declare const DDSExpressiveModal_base: {
         onabort: ((this: GlobalEventHandlers, ev: UIEvent) => any) | null;
         onanimationcancel: ((this: GlobalEventHandlers, ev: AnimationEvent) => any) | null;
         onanimationend: ((this: GlobalEventHandlers, ev: AnimationEvent) => any) | null;
-        onanimationiteration: ((this: GlobalEventHandlers, ev: AnimationEvent) => any) | null; /**
-         * @returns The body content.
-         */
+        onanimationiteration: ((this: GlobalEventHandlers, ev: AnimationEvent) => any) | null;
         onanimationstart: ((this: GlobalEventHandlers, ev: AnimationEvent) => any) | null;
         onauxclick: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
         onblur: ((this: GlobalEventHandlers, ev: FocusEvent) => any) | null;
@@ -554,7 +547,9 @@ declare const DDSExpressiveModal_base: {
         oncanplaythrough: ((this: GlobalEventHandlers, ev: Event) => any) | null;
         onchange: ((this: GlobalEventHandlers, ev: Event) => any) | null;
         onclick: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
-        onclose: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+        onclose: ((this: GlobalEventHandlers, ev: Event) => any) | null; /**
+         * The additional CSS class names for the container <div> of the element.
+         */
         oncontextmenu: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
         oncuechange: ((this: GlobalEventHandlers, ev: Event) => any) | null;
         ondblclick: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;

package/es/components/expressive-modal/expressive-modal.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["components/expressive-modal/expressive-modal.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAGH,OAAO,EAML,UAAU,EACV,cAAc,EACd,iBAAiB,EAClB,MAAM,aAAa,CAAC;AAQrB,OAAO,EAAE,qBAAqB,EAAE,qBAAqB,EAAE,MAAM,QAAQ,CAAC;AAGtE,OAAO,WAAW,MAAM,sBAAsB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QAkM7C;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;+FAqLH;;WAEG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA9SL;;;;;;;;;;GAUG;AACH,cACM,kBAAmB,SAAQ,uBAEhC;IACC;;OAEG;IAEH,OAAO,CAAC,UAAU,CAAS;IAE3B;;OAEG;IAEH,OAAO,CAAC,QAAQ,CAAS;IAEzB;;OAEG;IAEH,OAAO,CAAC,UAAU,CAAS;IAE3B;;OAEG;IACH,OAAO,CAAC,SAAS,CAAwB;IAEzC;;OAEG;IACH,oBAAoB,EAAE,CAAC,kBAAkB,GAAG,WAAW,CAAC,CAAU;IAElE;;OAEG;IACH,IAAI,iBAAiB,kBAepB;IAED,OAAO,KAAK,kBAAkB,GA0B7B;IAED;;OAEG;IAEH,OAAO,CAAC,kBAAkB,CAAqB;IAE/C;;OAEG;IAEH,OAAO,CAAC,gBAAgB,CAAqB;IAG7C,YAAY,CAAC,EAAE,cAAc,CAAC;IAG9B,SAAS,CAAC,EAAE,cAAc,CAAC;IAI3B,OAAO,CAAC,eAAe,CAErB;IAEF;;;;OAIG;IAGH,OAAO,CAAC,YAAY,CAIlB;IAGF;;;;OAIG;IACH,OAAO,CAAC,cAAc,CA2BpB;IAEF;;;;OAIG;IAGH,OAAO,CAAC,eAAe,CAuBrB;IAKF,OAAO,CAAC,cAAc,CAIpB;IAEF;;;;OAIG;IACH,OAAO,CAAC,qBAAqB;IAU7B;;OAEG;IACH,OAAO,CAAC,iBAAiB;IAUzB;;;;OAIG;IACH,OAAO,CAAC,yBAAyB;IAoBjC;;;OAGG;IACH,OAAO,CAAC,qBAAqB;IAmB7B;;OAEG;IACH,SAAS,CAAC,aAAa,IAAI,cAAc,GAAG,iBAAiB,GAAG,IAAI;IAiBpE;;OAEG;IACH,SAAS,CAAC,WAAW,IAAI,cAAc,GAAG,iBAAiB,GAAG,IAAI;IASlE;;OAEG;IAEH,SAAS,CAAC,aAAa,IAAI,cAAc,GAAG,iBAAiB,GAAG,IAAI;IAIpE;;OAEG;IAEH,cAAc,SAAM;IAEpB;;OAEG;IAEH,IAAI,UAAS;IAEb;;OAEG;IAEH,IAAI,wBAAiC;IAErC;;OAEG;IAEH,IAAI,wBAAiC;IAErC,MAAM;IA+CN,SAAS,CAAC,YAAY;IAMhB,OAAO,CAAC,iBAAiB,KAAA;IAwC/B;;OAEG;IACH,MAAM,KAAK,mBAAmB,WAE7B;IAED;;OAEG;IACH,MAAM,KAAK,gBAAgB,WAO1B;IAED;;OAEG;IACH,MAAM,KAAK,oBAAoB,WAM9B;IAED,MAAM,KAAK,cAAc,WAExB;IAED;;;OAGG;IACH,MAAM,KAAK,gBAAgB,WAE1B;IAED;;OAEG;IACH,MAAM,KAAK,UAAU,WAEpB;IAED,MAAM,CAAC,MAAM,MAAU;CACxB;AAGD,eAAe,kBAAkB,CAAC","file":"expressive-modal.d.ts","sourcesContent":["/*\n @license\n \n Copyright IBM Corp. 2020, 2022\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 { classMap } from 'lit-html/directives/class-map.js';\nimport {\n html,\n customElement,\n property,\n state,\n query,\n LitElement,\n TemplateResult,\n SVGTemplateResult,\n} from 'lit-element';\nimport settings from 'carbon-components/es/globals/js/settings.js';\nimport on from 'carbon-components/es/globals/js/misc/on.js';\nimport { selectorTabbable } from '@carbon/carbon-web-components/es/globals/settings.js';\nimport HostListener from '@carbon/carbon-web-components/es/globals/decorators/host-listener.js';\nimport HostListenerMixin from '@carbon/carbon-web-components/es/globals/mixins/host-listener.js';\nimport ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';\nimport StableSelectorMixin from '../../globals/mixins/stable-selector';\nimport { EXPRESSIVE_MODAL_SIZE, EXPRESSIVE_MODAL_MODE } from './defs';\nimport DDSExpressiveModalCloseButton from './expressive-modal-close-button';\nimport styles from './expressive-modal.scss';\nimport DDSCarousel from '../carousel/carousel';\n\nconst { prefix } = settings;\nconst { stablePrefix: ddsPrefix } = ddsSettings;\n\n/ eslint-disable no-bitwise /\nconst PRECEDING =\n Node.DOCUMENT_POSITION_PRECEDING \| Node.DOCUMENT_POSITION_CONTAINS;\nconst FOLLOWING =\n Node.DOCUMENT_POSITION_FOLLOWING \| Node.DOCUMENT_POSITION_CONTAINED_BY;\nconst WITHIN = Node.DOCUMENT_POSITION_CONTAINED_BY;\n/ eslint-enable no-bitwise /\n\n/\n Tries to focus on the given elements and bails out if one of the is successful.\n \n @param elems The elements.\n * @param reverse `true` to go through the list in reverse order.\n * @param fallback element to focus on if none\n * @returns `true` if one of the attempts is successful, `false` otherwise.\n /\nfunction tryFocusElems(\n elems: NodeListOf<HTMLElement> \| [HTMLElement],\n reverse: boolean = false,\n fallback: HTMLElement \| null = null\n) {\n if (!reverse) {\n for (let i = 0; i < elems.length; ++i) {\n const elem = elems[i];\n if (\n elem.offsetWidth \|\|\n elem.offsetHeight \|\|\n elem.getClientRects().length\n ) {\n elem.focus();\n if ((elem.getRootNode() as Document).activeElement === elem) {\n return true;\n }\n }\n }\n } else {\n for (let i = elems.length - 1; i >= 0; --i) {\n const elem = elems[i];\n if (\n elem.offsetWidth \|\|\n elem.offsetHeight \|\|\n elem.getClientRects().length\n ) {\n elem.focus();\n if ((elem.getRootNode() as Document).activeElement === elem) {\n return true;\n }\n }\n }\n }\n fallback?.focus();\n return false;\n}\n\n// TODO: Wait for `.d.ts` update to support `ResizeObserver`\n// @ts-ignore\nconst onResize: ResizeObserverCallback = ([entry]) => {\n const { target, contentRect } = entry;\n const { width, height } = contentRect;\n\n const modalContent = target as HTMLDivElement;\n\n modalContent.style.setProperty('--modal-vh', `${height}px`);\n modalContent.style.setProperty('--modal-vw', `${width}px`);\n};\n\n/\n The table mapping slot name with the private property name that indicates the existence of the slot content.\n /\nconst slotExistencePropertyNames = {\n header: '_hasHeader',\n footer: '_hasFooter',\n};\n\n/\n Expressive modal.\n \n @element dds-expressive-modal\n * @fires dds-expressive-modal-beingclosed\n * The custom event fired before this modal is being closed upon a user gesture.\n * Cancellation of this event stops the user-initiated action of closing this modal.\n * @fires dds-expressive-modal-closed - The custom event fired after this modal is closed upon a user gesture.\n * @slot header - The header content.\n * @slot footer - The footer content.\n /\n@customElement(`${ddsPrefix}-expressive-modal`)\nclass DDSExpressiveModal extends StableSelectorMixin(\n HostListenerMixin(LitElement)\n) {\n /\n `true` if there is a header content.\n /\n @state()\n private _hasHeader = false;\n\n /\n `true` if there is a body content.\n /\n @state()\n private _hasBody = false;\n\n /\n `true` if there is a footer content.\n /\n @state()\n private _hasFooter = false;\n\n /\n The element that had focus before this modal gets open.\n /\n private _launcher: Element \| null = null;\n\n /\n Collection of elements to search for focusable elements.\n /\n hasFocusableElements: [DDSExpressiveModal \| DDSCarousel] = [this];\n\n /\n Returns all focusable elements within this component and its shadowroot\n /\n get focusableElements() {\n const { selectorCloseButton, selectorTabbable: selectorTabbableForModal } =\n this.constructor as typeof DDSExpressiveModal;\n return [\n ...Array.from(\n (this.shadowRoot?.querySelectorAll(\n selectorCloseButton\n ) as NodeListOf<HTMLElement>) \|\| []\n ),\n ...Array.from(\n this.querySelectorAll(\n selectorTabbableForModal\n ) as NodeListOf<HTMLElement>\n ),\n ];\n }\n\n private get _focusableElements() {\n const { hasFocusableElements } = this;\n\n const focusableElements: [HTMLElement?] = [];\n\n hasFocusableElements.forEach((el) => {\n if (el.focusableElements) {\n focusableElements.push(...el.focusableElements);\n }\n });\n\n return Array.from(new Set(focusableElements)).sort((a, b) => {\n const comparison = a!.compareDocumentPosition(b!);\n\n / eslint-disable no-bitwise /\n if (comparison & PRECEDING) {\n return 1;\n }\n\n if (comparison & FOLLOWING) {\n return -1;\n }\n / eslint-enable no-bitwise /\n\n return 0;\n });\n }\n\n /\n Node to track focus going outside of modal content.\n /\n @query('#start-sentinel')\n private _startSentinelNode!: HTMLAnchorElement;\n\n /\n Node to track focus going outside of modal content.\n /\n @query('#end-sentinel')\n private _endSentinelNode!: HTMLAnchorElement;\n\n @query(`.${prefix}--modal-content`)\n modalContent?: HTMLDivElement;\n\n @query(`.${ddsPrefix}-ce--modal__body`)\n modalBody?: HTMLDivElement;\n\n // TODO: Wait for `.d.ts` update to support `ResizeObserver`\n // @ts-ignore\n private _resizeObserver = new ResizeObserver(\n onResize as ResizeObserverCallback\n );\n\n /\n Handles `click` event on this element.\n \n @param event The event.\n /\n @HostListener('click')\n // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to\n private _handleClick = (event: MouseEvent) => {\n if (event.composedPath().indexOf(this.shadowRoot!) < 0) {\n this._handleUserInitiatedClose(event.target);\n }\n };\n\n / eslint-disable no-bitwise /\n /\n Handles the `focusin` event on the start and end sentinels\n \n @param event The event.\n /\n private _handleFocusIn = ({ target, relatedTarget }) => {\n let focusFromWithin = false;\n if (target && relatedTarget) {\n const comparedToThis = this.compareDocumentPosition(relatedTarget);\n const comparedToShadowRoot =\n this.shadowRoot!.compareDocumentPosition(relatedTarget);\n // If relatedTarget is descendent of `this` or `this.shadowRoot`.\n if (comparedToThis & WITHIN \|\| comparedToShadowRoot & WITHIN) {\n focusFromWithin = true;\n }\n }\n\n const {\n _endSentinelNode: endSentinelNode,\n _startSentinelNode: startSentinelNode,\n _focusableElements: focusableElements,\n } = this;\n\n if (focusFromWithin) {\n if (target === startSentinelNode) {\n tryFocusElems(focusableElements as [HTMLElement], true, this);\n } else if (target === endSentinelNode) {\n tryFocusElems(focusableElements as [HTMLElement], false, this);\n }\n } else {\n tryFocusElems(focusableElements as [HTMLElement], false, this);\n }\n };\n\n /\n Handles `focusout` event on this element.\n \n @param event The event.\n /\n @HostListener('focusout')\n // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to\n private _handleFocusOut = ({ target, relatedTarget }) => {\n // Don't attempt to wrap focus if the modal isn't open.\n if (!this.open) return;\n // If no target/relatedTarget, focus has entered/left the window. Do nothing.\n if (!target \|\| !relatedTarget) return;\n\n const { _focusableElements: focusableElements } = this;\n\n // See if element gaining focus is inside `this` or `this.shadowRoot`.\n const positionToModal =\n this.compareDocumentPosition(relatedTarget) \|\n (this.shadowRoot?.compareDocumentPosition(relatedTarget) \|\| 0);\n const positionToPrevious = target.compareDocumentPosition(relatedTarget);\n const relatedTargetIsContained = Boolean(positionToModal & WITHIN);\n\n // If focusing outside of `this`, cycle focus\n if (!relatedTargetIsContained && !(relatedTarget === this)) {\n if (positionToPrevious & PRECEDING) {\n tryFocusElems(focusableElements as [HTMLElement], true, this);\n } else if (positionToPrevious & FOLLOWING) {\n tryFocusElems(focusableElements as [HTMLElement], false, this);\n }\n }\n };\n / eslint-enable no-bitwise /\n\n @HostListener('document:keydown')\n // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to\n private _handleKeydown = ({ key, target }: KeyboardEvent) => {\n if (key === 'Esc' \|\| key === 'Escape') {\n this._handleUserInitiatedClose(target);\n }\n };\n\n /\n Handles `click` event on the modal container.\n \n @param event The event.\n /\n private _handleClickContainer(event: MouseEvent) {\n if (\n (event.target as Element).matches(\n (this.constructor as typeof DDSExpressiveModal).selectorCloseButton\n )\n ) {\n this._handleUserInitiatedClose(event.target);\n }\n }\n\n /\n Handles `slotchange` event.\n /\n private _handleSlotChange({ target }: Event) {\n const { name } = target as HTMLSlotElement;\n const hasContent = (target as HTMLSlotElement)\n .assignedNodes()\n .some(\n (node) => node.nodeType !== Node.TEXT_NODE \|\| node!.textContent!.trim()\n );\n this[slotExistencePropertyNames[name] \|\| '_hasBody'] = hasContent;\n }\n\n /\n Handles user-initiated close request of this modal.\n \n @param triggeredBy The element that triggered this close request.\n /\n private _handleUserInitiatedClose(triggeredBy: EventTarget \| null) {\n if (this.open) {\n const init = {\n bubbles: true,\n cancelable: true,\n composed: true,\n detail: {\n triggeredBy,\n },\n };\n const { eventBeforeClose, eventClose } = this\n .constructor as typeof DDSExpressiveModal;\n if (this.dispatchEvent(new CustomEvent(eventBeforeClose, init))) {\n this.open = false;\n this.dispatchEvent(new CustomEvent(eventClose, init));\n }\n this.setAttribute('aria-hidden', 'true');\n }\n }\n\n /\n @param timeout The number of milliseconds as the longest time waiting for `transitionend` event.\n * @returns A promise that is resolves when `transitionend` on the host element fires.\n /\n private _waitForTransitionEnd(timeout: number = 1000) {\n return new Promise((resolve) => {\n let done = false;\n let hTransitionEnd;\n const handleResolve = () => {\n if (hTransitionEnd) {\n hTransitionEnd.release();\n hTransitionEnd = null;\n }\n if (!done) {\n resolve(undefined);\n done = true;\n }\n };\n on(this, 'transitionend', handleResolve);\n setTimeout(handleResolve, timeout);\n });\n }\n\n /\n @returns The header content.\n /\n protected _renderHeader(): TemplateResult \| SVGTemplateResult \| void {\n const {\n _hasHeader: hasHeader,\n _hasBody: hasBody,\n _hasFooter: hasFooter,\n } = this;\n const headerClasses = classMap({\n [`${ddsPrefix}-ce--modal__header--with-body`]:\n hasHeader && (hasBody \|\| hasFooter),\n });\n return html`\n <div id=\"${ddsPrefix}--modal-header\" class=\"${headerClasses}\">\n <slot name=\"header\"></slot>\n </div>\n `;\n }\n\n /\n @returns The body content.\n /\n protected _renderBody(): TemplateResult \| SVGTemplateResult \| void {\n const { _hasBody: hasBody, _hasFooter: hasFooter } = this;\n const bodyClasses = classMap({\n [`${ddsPrefix}-ce--modal__body`]: true,\n [`${ddsPrefix}-ce--modal__body--with-footer`]: hasBody && hasFooter,\n });\n return html` <div class=\"${bodyClasses}\"><slot></slot></div> `;\n }\n\n /\n @returns The footer content.\n /\n // eslint-disable-next-line class-methods-use-this\n protected _renderFooter(): TemplateResult \| SVGTemplateResult \| void {\n return html` <div><slot name=\"footer\"></slot></div> `;\n }\n\n /\n The additional CSS class names for the container <div> of the element.\n /\n @property({ attribute: 'container-class' })\n containerClass = '';\n\n /\n `true` if the modal should be open.\n /\n @property({ type: Boolean, reflect: true })\n open = false;\n\n /\n The size variant.\n /\n @property({ reflect: true, attribute: 'expressive-size' })\n size = EXPRESSIVE_MODAL_SIZE.REGULAR;\n\n /\n The mode variant.\n /\n @property({ reflect: true, attribute: 'mode' })\n mode = EXPRESSIVE_MODAL_MODE.DEFAULT;\n\n render() {\n const {\n size,\n _handleClickContainer: handleClickContainer,\n _handleSlotChange: handleSlotChange,\n _handleFocusIn: handleFocusIn,\n } = this;\n const containerClass = this.containerClass\n .split(' ')\n .filter(Boolean)\n .reduce((acc, item) => ({ ...acc, [item]: true }), {});\n const containerClasses = classMap({\n [`${prefix}--modal-container`]: true,\n [`${prefix}--modal-container--fullwidth`]:\n size === EXPRESSIVE_MODAL_SIZE.FULL_WIDTH,\n ...containerClass,\n });\n return html`\n <button\n id=\"start-sentinel\"\n class=\"${prefix}--visually-hidden\"\n @focusin=\"${handleFocusIn}\"\n >\n START\n </button>\n <div\n class=\"${containerClasses}\"\n tabindex=\"-1\"\n role=\"dialog\"\n aria-labelledby=\"${ddsPrefix}--modal-header\"\n @click=\"${handleClickContainer}\"\n @slotchange=\"${handleSlotChange}\"\n >\n <div class=\"${prefix}--modal-content\">\n ${this._renderHeader()}${this._renderBody()}${this._renderFooter()}\n </div>\n </div>\n <button\n id=\"end-sentinel\"\n class=\"${prefix}--visually-hidden\"\n @focusin=\"${handleFocusIn}\"\n >\n END\n </button>\n `;\n }\n\n protected firstUpdated() {\n if (this.modalContent) {\n this._resizeObserver.observe(this.modalContent);\n }\n }\n\n async updated(changedProperties) {\n const { _focusableElements: focusableElements, size } = this;\n const { selectorCloseButton } = this\n .constructor as typeof DDSExpressiveModal;\n\n if (changedProperties.has('size')) {\n const closeButton = this.querySelector(selectorCloseButton);\n if (closeButton) {\n (closeButton as DDSExpressiveModalCloseButton).size = size;\n }\n }\n if (changedProperties.has('open')) {\n if (this.open) {\n this.ownerDocument.body.style.overflow = 'hidden';\n this.removeAttribute('aria-hidden');\n this._launcher = this.ownerDocument!.activeElement;\n const primaryFocusNode = this.querySelector(\n (this.constructor as typeof DDSExpressiveModal).selectorPrimaryFocus\n );\n await this._waitForTransitionEnd();\n if (primaryFocusNode) {\n // For cases where a `carbon-web-components` component (e.g. `<bx-btn>`) being `primaryFocusNode`,\n // where its first update/render cycle that makes it focusable happens after `<bx-modal>`'s first update/render cycle\n (primaryFocusNode as HTMLElement).focus();\n } else {\n tryFocusElems(focusableElements as [HTMLElement], true, this);\n }\n } else if (\n this._launcher &&\n typeof (this._launcher as HTMLElement).focus === 'function'\n ) {\n (this._launcher as HTMLElement).focus();\n this.ownerDocument.body.style.overflow = '';\n this._launcher = null;\n }\n }\n\n return super.updated(changedProperties);\n }\n\n /\n A selector selecting buttons that should close this modal.\n /\n static get selectorCloseButton() {\n return `[data-modal-close],${prefix}-modal-close-button,${ddsPrefix}-expressive-modal-close-button`;\n }\n\n /\n A selector selecting tabbable nodes.\n /\n static get selectorTabbable() {\n return `\n ${selectorTabbable},\n ${ddsPrefix}-button-expressive,\n ${ddsPrefix}-expressive-modal,\n ${ddsPrefix}-expressive-modal-close-button\n `;\n }\n\n /\n A selector selecting the nodes that should be focused when modal gets open.\n /\n static get selectorPrimaryFocus() {\n return `\n [data-modal-primary-focus],\n ${ddsPrefix}-expressive-modal-footer ${prefix}-btn[kind=\"primary\"],\n ${ddsPrefix}-expressive-modal-footer ${ddsPrefix}-button-expressive[kind=\"primary\"]\n `;\n }\n\n static get stableSelector() {\n return `${ddsPrefix}--expressive-modal`;\n }\n\n /\n The name of the custom event fired before this modal is being closed upon a user gesture.\n * Cancellation of this event stops the user-initiated action of closing this modal.\n /\n static get eventBeforeClose() {\n return `${ddsPrefix}-expressive-modal-beingclosed`;\n }\n\n /\n The name of the custom event fired after this modal is closed upon a user gesture.\n /\n static get eventClose() {\n return `${ddsPrefix}-expressive-modal-closed`;\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 DDSExpressiveModal;\n"]}
1	+ {"version":3,"sources":["components/expressive-modal/expressive-modal.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAGH,OAAO,EAML,UAAU,EACV,cAAc,EACd,iBAAiB,EAClB,MAAM,aAAa,CAAC;AAQrB,OAAO,EAAE,qBAAqB,EAAE,qBAAqB,EAAE,MAAM,QAAQ,CAAC;AAGtE,OAAO,WAAW,MAAM,sBAAsB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;yEA+Y7C;;WAEG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAlUL;;;;;;;;;;GAUG;AACH,cACM,kBAAmB,SAAQ,uBAEhC;IACC;;OAEG;IAEH,OAAO,CAAC,UAAU,CAAS;IAE3B;;OAEG;IAEH,OAAO,CAAC,QAAQ,CAAS;IAEzB;;OAEG;IAEH,OAAO,CAAC,UAAU,CAAS;IAE3B;;OAEG;IACH,OAAO,CAAC,SAAS,CAAwB;IAEzC;;OAEG;IACH,oBAAoB,EAAE,CAAC,kBAAkB,GAAG,WAAW,CAAC,CAAU;IAElE;;OAEG;IACH,IAAI,iBAAiB,kBAepB;IAED,OAAO,KAAK,kBAAkB,GA0B7B;IAED;;OAEG;IAEH,OAAO,CAAC,kBAAkB,CAAqB;IAE/C;;OAEG;IAEH,OAAO,CAAC,gBAAgB,CAAqB;IAG7C,YAAY,CAAC,EAAE,cAAc,CAAC;IAG9B,SAAS,CAAC,EAAE,cAAc,CAAC;IAI3B,OAAO,CAAC,eAAe,CAErB;IAEF;;;;OAIG;IAGH,OAAO,CAAC,YAAY,CAIlB;IAGF;;;;OAIG;IACH,OAAO,CAAC,cAAc,CA2BpB;IAEF;;;;OAIG;IAGH,OAAO,CAAC,eAAe,CAuBrB;IAKF,OAAO,CAAC,cAAc,CAIpB;IAEF;;;;OAIG;IACH,OAAO,CAAC,qBAAqB;IAU7B;;OAEG;IACH,OAAO,CAAC,iBAAiB;IAUzB;;;;OAIG;IACH,OAAO,CAAC,yBAAyB;IAoBjC;;;OAGG;IACH,OAAO,CAAC,qBAAqB;IAmB7B;;OAEG;IACH,SAAS,CAAC,aAAa,IAAI,cAAc,GAAG,iBAAiB,GAAG,IAAI;IAiBpE;;OAEG;IACH,SAAS,CAAC,WAAW,IAAI,cAAc,GAAG,iBAAiB,GAAG,IAAI;IASlE;;OAEG;IAEH,SAAS,CAAC,aAAa,IAAI,cAAc,GAAG,iBAAiB,GAAG,IAAI;IAIpE;;OAEG;IAEH,cAAc,SAAM;IAEpB;;OAEG;IAEH,IAAI,UAAS;IAEb;;OAEG;IAEH,IAAI,wBAAiC;IAErC;;OAEG;IAEH,IAAI,wBAAiC;IAErC,MAAM;IA+CN,SAAS,CAAC,YAAY;IAMhB,OAAO,CAAC,iBAAiB,KAAA;IAwC/B;;OAEG;IACH,MAAM,KAAK,mBAAmB,WAE7B;IAED;;OAEG;IACH,MAAM,KAAK,gBAAgB,WAO1B;IAED;;OAEG;IACH,MAAM,KAAK,oBAAoB,WAM9B;IAED,MAAM,KAAK,cAAc,WAExB;IAED;;;OAGG;IACH,MAAM,KAAK,gBAAgB,WAE1B;IAED;;OAEG;IACH,MAAM,KAAK,UAAU,WAEpB;IAED,MAAM,CAAC,MAAM,MAAU;CACxB;AAGD,eAAe,kBAAkB,CAAC","file":"expressive-modal.d.ts","sourcesContent":["/*\n @license\n \n Copyright IBM Corp. 2020, 2022\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 { classMap } from 'lit-html/directives/class-map.js';\nimport {\n html,\n customElement,\n property,\n state,\n query,\n LitElement,\n TemplateResult,\n SVGTemplateResult,\n} from 'lit-element';\nimport settings from 'carbon-components/es/globals/js/settings.js';\nimport on from 'carbon-components/es/globals/js/misc/on.js';\nimport { selectorTabbable } from '@carbon/web-components/es/globals/settings.js';\nimport HostListener from '@carbon/web-components/es/globals/decorators/host-listener.js';\nimport HostListenerMixin from '@carbon/web-components/es/globals/mixins/host-listener.js';\nimport ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';\nimport StableSelectorMixin from '../../globals/mixins/stable-selector';\nimport { EXPRESSIVE_MODAL_SIZE, EXPRESSIVE_MODAL_MODE } from './defs';\nimport DDSExpressiveModalCloseButton from './expressive-modal-close-button';\nimport styles from './expressive-modal.scss';\nimport DDSCarousel from '../carousel/carousel';\n\nconst { prefix } = settings;\nconst { stablePrefix: ddsPrefix } = ddsSettings;\n\n/ eslint-disable no-bitwise /\nconst PRECEDING =\n Node.DOCUMENT_POSITION_PRECEDING \| Node.DOCUMENT_POSITION_CONTAINS;\nconst FOLLOWING =\n Node.DOCUMENT_POSITION_FOLLOWING \| Node.DOCUMENT_POSITION_CONTAINED_BY;\nconst WITHIN = Node.DOCUMENT_POSITION_CONTAINED_BY;\n/ eslint-enable no-bitwise /\n\n/\n Tries to focus on the given elements and bails out if one of the is successful.\n \n @param elems The elements.\n * @param reverse `true` to go through the list in reverse order.\n * @param fallback element to focus on if none\n * @returns `true` if one of the attempts is successful, `false` otherwise.\n /\nfunction tryFocusElems(\n elems: NodeListOf<HTMLElement> \| [HTMLElement],\n reverse: boolean = false,\n fallback: HTMLElement \| null = null\n) {\n if (!reverse) {\n for (let i = 0; i < elems.length; ++i) {\n const elem = elems[i];\n if (\n elem.offsetWidth \|\|\n elem.offsetHeight \|\|\n elem.getClientRects().length\n ) {\n elem.focus();\n if ((elem.getRootNode() as Document).activeElement === elem) {\n return true;\n }\n }\n }\n } else {\n for (let i = elems.length - 1; i >= 0; --i) {\n const elem = elems[i];\n if (\n elem.offsetWidth \|\|\n elem.offsetHeight \|\|\n elem.getClientRects().length\n ) {\n elem.focus();\n if ((elem.getRootNode() as Document).activeElement === elem) {\n return true;\n }\n }\n }\n }\n fallback?.focus();\n return false;\n}\n\n// TODO: Wait for `.d.ts` update to support `ResizeObserver`\n// @ts-ignore\nconst onResize: ResizeObserverCallback = ([entry]) => {\n const { target, contentRect } = entry;\n const { width, height } = contentRect;\n\n const modalContent = target as HTMLDivElement;\n\n modalContent.style.setProperty('--modal-vh', `${height}px`);\n modalContent.style.setProperty('--modal-vw', `${width}px`);\n};\n\n/\n The table mapping slot name with the private property name that indicates the existence of the slot content.\n /\nconst slotExistencePropertyNames = {\n header: '_hasHeader',\n footer: '_hasFooter',\n};\n\n/\n Expressive modal.\n \n @element dds-expressive-modal\n * @fires dds-expressive-modal-beingclosed\n * The custom event fired before this modal is being closed upon a user gesture.\n * Cancellation of this event stops the user-initiated action of closing this modal.\n * @fires dds-expressive-modal-closed - The custom event fired after this modal is closed upon a user gesture.\n * @slot header - The header content.\n * @slot footer - The footer content.\n /\n@customElement(`${ddsPrefix}-expressive-modal`)\nclass DDSExpressiveModal extends StableSelectorMixin(\n HostListenerMixin(LitElement)\n) {\n /\n `true` if there is a header content.\n /\n @state()\n private _hasHeader = false;\n\n /\n `true` if there is a body content.\n /\n @state()\n private _hasBody = false;\n\n /\n `true` if there is a footer content.\n /\n @state()\n private _hasFooter = false;\n\n /\n The element that had focus before this modal gets open.\n /\n private _launcher: Element \| null = null;\n\n /\n Collection of elements to search for focusable elements.\n /\n hasFocusableElements: [DDSExpressiveModal \| DDSCarousel] = [this];\n\n /\n Returns all focusable elements within this component and its shadowroot\n /\n get focusableElements() {\n const { selectorCloseButton, selectorTabbable: selectorTabbableForModal } =\n this.constructor as typeof DDSExpressiveModal;\n return [\n ...Array.from(\n (this.shadowRoot?.querySelectorAll(\n selectorCloseButton\n ) as NodeListOf<HTMLElement>) \|\| []\n ),\n ...Array.from(\n this.querySelectorAll(\n selectorTabbableForModal\n ) as NodeListOf<HTMLElement>\n ),\n ];\n }\n\n private get _focusableElements() {\n const { hasFocusableElements } = this;\n\n const focusableElements: [HTMLElement?] = [];\n\n hasFocusableElements.forEach((el) => {\n if (el.focusableElements) {\n focusableElements.push(...el.focusableElements);\n }\n });\n\n return Array.from(new Set(focusableElements)).sort((a, b) => {\n const comparison = a!.compareDocumentPosition(b!);\n\n / eslint-disable no-bitwise /\n if (comparison & PRECEDING) {\n return 1;\n }\n\n if (comparison & FOLLOWING) {\n return -1;\n }\n / eslint-enable no-bitwise /\n\n return 0;\n });\n }\n\n /\n Node to track focus going outside of modal content.\n /\n @query('#start-sentinel')\n private _startSentinelNode!: HTMLAnchorElement;\n\n /\n Node to track focus going outside of modal content.\n /\n @query('#end-sentinel')\n private _endSentinelNode!: HTMLAnchorElement;\n\n @query(`.${prefix}--modal-content`)\n modalContent?: HTMLDivElement;\n\n @query(`.${ddsPrefix}-ce--modal__body`)\n modalBody?: HTMLDivElement;\n\n // TODO: Wait for `.d.ts` update to support `ResizeObserver`\n // @ts-ignore\n private _resizeObserver = new ResizeObserver(\n onResize as ResizeObserverCallback\n );\n\n /\n Handles `click` event on this element.\n \n @param event The event.\n /\n @HostListener('click')\n // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to\n private _handleClick = (event: MouseEvent) => {\n if (event.composedPath().indexOf(this.shadowRoot!) < 0) {\n this._handleUserInitiatedClose(event.target);\n }\n };\n\n / eslint-disable no-bitwise /\n /\n Handles the `focusin` event on the start and end sentinels\n \n @param event The event.\n /\n private _handleFocusIn = ({ target, relatedTarget }) => {\n let focusFromWithin = false;\n if (target && relatedTarget) {\n const comparedToThis = this.compareDocumentPosition(relatedTarget);\n const comparedToShadowRoot =\n this.shadowRoot!.compareDocumentPosition(relatedTarget);\n // If relatedTarget is descendent of `this` or `this.shadowRoot`.\n if (comparedToThis & WITHIN \|\| comparedToShadowRoot & WITHIN) {\n focusFromWithin = true;\n }\n }\n\n const {\n _endSentinelNode: endSentinelNode,\n _startSentinelNode: startSentinelNode,\n _focusableElements: focusableElements,\n } = this;\n\n if (focusFromWithin) {\n if (target === startSentinelNode) {\n tryFocusElems(focusableElements as [HTMLElement], true, this);\n } else if (target === endSentinelNode) {\n tryFocusElems(focusableElements as [HTMLElement], false, this);\n }\n } else {\n tryFocusElems(focusableElements as [HTMLElement], false, this);\n }\n };\n\n /\n Handles `focusout` event on this element.\n \n @param event The event.\n /\n @HostListener('focusout')\n // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to\n private _handleFocusOut = ({ target, relatedTarget }) => {\n // Don't attempt to wrap focus if the modal isn't open.\n if (!this.open) return;\n // If no target/relatedTarget, focus has entered/left the window. Do nothing.\n if (!target \|\| !relatedTarget) return;\n\n const { _focusableElements: focusableElements } = this;\n\n // See if element gaining focus is inside `this` or `this.shadowRoot`.\n const positionToModal =\n this.compareDocumentPosition(relatedTarget) \|\n (this.shadowRoot?.compareDocumentPosition(relatedTarget) \|\| 0);\n const positionToPrevious = target.compareDocumentPosition(relatedTarget);\n const relatedTargetIsContained = Boolean(positionToModal & WITHIN);\n\n // If focusing outside of `this`, cycle focus\n if (!relatedTargetIsContained && !(relatedTarget === this)) {\n if (positionToPrevious & PRECEDING) {\n tryFocusElems(focusableElements as [HTMLElement], true, this);\n } else if (positionToPrevious & FOLLOWING) {\n tryFocusElems(focusableElements as [HTMLElement], false, this);\n }\n }\n };\n / eslint-enable no-bitwise /\n\n @HostListener('document:keydown')\n // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to\n private _handleKeydown = ({ key, target }: KeyboardEvent) => {\n if (key === 'Esc' \|\| key === 'Escape') {\n this._handleUserInitiatedClose(target);\n }\n };\n\n /\n Handles `click` event on the modal container.\n \n @param event The event.\n /\n private _handleClickContainer(event: MouseEvent) {\n if (\n (event.target as Element).matches(\n (this.constructor as typeof DDSExpressiveModal).selectorCloseButton\n )\n ) {\n this._handleUserInitiatedClose(event.target);\n }\n }\n\n /\n Handles `slotchange` event.\n /\n private _handleSlotChange({ target }: Event) {\n const { name } = target as HTMLSlotElement;\n const hasContent = (target as HTMLSlotElement)\n .assignedNodes()\n .some(\n (node) => node.nodeType !== Node.TEXT_NODE \|\| node!.textContent!.trim()\n );\n this[slotExistencePropertyNames[name] \|\| '_hasBody'] = hasContent;\n }\n\n /\n Handles user-initiated close request of this modal.\n \n @param triggeredBy The element that triggered this close request.\n /\n private _handleUserInitiatedClose(triggeredBy: EventTarget \| null) {\n if (this.open) {\n const init = {\n bubbles: true,\n cancelable: true,\n composed: true,\n detail: {\n triggeredBy,\n },\n };\n const { eventBeforeClose, eventClose } = this\n .constructor as typeof DDSExpressiveModal;\n if (this.dispatchEvent(new CustomEvent(eventBeforeClose, init))) {\n this.open = false;\n this.dispatchEvent(new CustomEvent(eventClose, init));\n }\n this.setAttribute('aria-hidden', 'true');\n }\n }\n\n /\n @param timeout The number of milliseconds as the longest time waiting for `transitionend` event.\n * @returns A promise that is resolves when `transitionend` on the host element fires.\n /\n private _waitForTransitionEnd(timeout: number = 1000) {\n return new Promise((resolve) => {\n let done = false;\n let hTransitionEnd;\n const handleResolve = () => {\n if (hTransitionEnd) {\n hTransitionEnd.release();\n hTransitionEnd = null;\n }\n if (!done) {\n resolve(undefined);\n done = true;\n }\n };\n on(this, 'transitionend', handleResolve);\n setTimeout(handleResolve, timeout);\n });\n }\n\n /\n @returns The header content.\n /\n protected _renderHeader(): TemplateResult \| SVGTemplateResult \| void {\n const {\n _hasHeader: hasHeader,\n _hasBody: hasBody,\n _hasFooter: hasFooter,\n } = this;\n const headerClasses = classMap({\n [`${ddsPrefix}-ce--modal__header--with-body`]:\n hasHeader && (hasBody \|\| hasFooter),\n });\n return html`\n <div id=\"${ddsPrefix}--modal-header\" class=\"${headerClasses}\">\n <slot name=\"header\"></slot>\n </div>\n `;\n }\n\n /\n @returns The body content.\n /\n protected _renderBody(): TemplateResult \| SVGTemplateResult \| void {\n const { _hasBody: hasBody, _hasFooter: hasFooter } = this;\n const bodyClasses = classMap({\n [`${ddsPrefix}-ce--modal__body`]: true,\n [`${ddsPrefix}-ce--modal__body--with-footer`]: hasBody && hasFooter,\n });\n return html` <div class=\"${bodyClasses}\"><slot></slot></div> `;\n }\n\n /\n @returns The footer content.\n /\n // eslint-disable-next-line class-methods-use-this\n protected _renderFooter(): TemplateResult \| SVGTemplateResult \| void {\n return html` <div><slot name=\"footer\"></slot></div> `;\n }\n\n /\n The additional CSS class names for the container <div> of the element.\n /\n @property({ attribute: 'container-class' })\n containerClass = '';\n\n /\n `true` if the modal should be open.\n /\n @property({ type: Boolean, reflect: true })\n open = false;\n\n /\n The size variant.\n /\n @property({ reflect: true, attribute: 'expressive-size' })\n size = EXPRESSIVE_MODAL_SIZE.REGULAR;\n\n /\n The mode variant.\n /\n @property({ reflect: true, attribute: 'mode' })\n mode = EXPRESSIVE_MODAL_MODE.DEFAULT;\n\n render() {\n const {\n size,\n _handleClickContainer: handleClickContainer,\n _handleSlotChange: handleSlotChange,\n _handleFocusIn: handleFocusIn,\n } = this;\n const containerClass = this.containerClass\n .split(' ')\n .filter(Boolean)\n .reduce((acc, item) => ({ ...acc, [item]: true }), {});\n const containerClasses = classMap({\n [`${prefix}--modal-container`]: true,\n [`${prefix}--modal-container--fullwidth`]:\n size === EXPRESSIVE_MODAL_SIZE.FULL_WIDTH,\n ...containerClass,\n });\n return html`\n <button\n id=\"start-sentinel\"\n class=\"${prefix}--visually-hidden\"\n @focusin=\"${handleFocusIn}\"\n >\n START\n </button>\n <div\n class=\"${containerClasses}\"\n tabindex=\"-1\"\n role=\"dialog\"\n aria-labelledby=\"${ddsPrefix}--modal-header\"\n @click=\"${handleClickContainer}\"\n @slotchange=\"${handleSlotChange}\"\n >\n <div class=\"${prefix}--modal-content\">\n ${this._renderHeader()}${this._renderBody()}${this._renderFooter()}\n </div>\n </div>\n <button\n id=\"end-sentinel\"\n class=\"${prefix}--visually-hidden\"\n @focusin=\"${handleFocusIn}\"\n >\n END\n </button>\n `;\n }\n\n protected firstUpdated() {\n if (this.modalContent) {\n this._resizeObserver.observe(this.modalContent);\n }\n }\n\n async updated(changedProperties) {\n const { _focusableElements: focusableElements, size } = this;\n const { selectorCloseButton } = this\n .constructor as typeof DDSExpressiveModal;\n\n if (changedProperties.has('size')) {\n const closeButton = this.querySelector(selectorCloseButton);\n if (closeButton) {\n (closeButton as DDSExpressiveModalCloseButton).size = size;\n }\n }\n if (changedProperties.has('open')) {\n if (this.open) {\n this.ownerDocument.body.style.overflow = 'hidden';\n this.removeAttribute('aria-hidden');\n this._launcher = this.ownerDocument!.activeElement;\n const primaryFocusNode = this.querySelector(\n (this.constructor as typeof DDSExpressiveModal).selectorPrimaryFocus\n );\n await this._waitForTransitionEnd();\n if (primaryFocusNode) {\n // For cases where a `carbon-web-components` component (e.g. `<bx-btn>`) being `primaryFocusNode`,\n // where its first update/render cycle that makes it focusable happens after `<bx-modal>`'s first update/render cycle\n (primaryFocusNode as HTMLElement).focus();\n } else {\n tryFocusElems(focusableElements as [HTMLElement], true, this);\n }\n } else if (\n this._launcher &&\n typeof (this._launcher as HTMLElement).focus === 'function'\n ) {\n (this._launcher as HTMLElement).focus();\n this.ownerDocument.body.style.overflow = '';\n this._launcher = null;\n }\n }\n\n return super.updated(changedProperties);\n }\n\n /\n A selector selecting buttons that should close this modal.\n /\n static get selectorCloseButton() {\n return `[data-modal-close],${prefix}-modal-close-button,${ddsPrefix}-expressive-modal-close-button`;\n }\n\n /\n A selector selecting tabbable nodes.\n /\n static get selectorTabbable() {\n return `\n ${selectorTabbable},\n ${ddsPrefix}-button-expressive,\n ${ddsPrefix}-expressive-modal,\n ${ddsPrefix}-expressive-modal-close-button\n `;\n }\n\n /\n A selector selecting the nodes that should be focused when modal gets open.\n /\n static get selectorPrimaryFocus() {\n return `\n [data-modal-primary-focus],\n ${ddsPrefix}-expressive-modal-footer ${prefix}-btn[kind=\"primary\"],\n ${ddsPrefix}-expressive-modal-footer ${ddsPrefix}-button-expressive[kind=\"primary\"]\n `;\n }\n\n static get stableSelector() {\n return `${ddsPrefix}--expressive-modal`;\n }\n\n /\n The name of the custom event fired before this modal is being closed upon a user gesture.\n * Cancellation of this event stops the user-initiated action of closing this modal.\n /\n static get eventBeforeClose() {\n return `${ddsPrefix}-expressive-modal-beingclosed`;\n }\n\n /\n The name of the custom event fired after this modal is closed upon a user gesture.\n /\n static get eventClose() {\n return `${ddsPrefix}-expressive-modal-closed`;\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 DDSExpressiveModal;\n"]}

package/es/components/expressive-modal/expressive-modal.js CHANGED Viewed

@@ -22,9 +22,9 @@ import { classMap } from 'lit-html/directives/class-map.js';
 import { html, customElement, property, state, query, LitElement } from 'lit-element';
 import settings from 'carbon-components/es/globals/js/settings.js';
 import on from 'carbon-components/es/globals/js/misc/on.js';
-import { selectorTabbable as _selectorTabbable } from '@carbon/carbon-web-components/es/globals/settings.js';
-import HostListener from '@carbon/carbon-web-components/es/globals/decorators/host-listener.js';
-import HostListenerMixin from '@carbon/carbon-web-components/es/globals/mixins/host-listener.js';
+import { selectorTabbable as _selectorTabbable } from '@carbon/web-components/es/globals/settings.js';
+import HostListener from '@carbon/web-components/es/globals/decorators/host-listener.js';
+import HostListenerMixin from '@carbon/web-components/es/globals/mixins/host-listener.js';
 import ddsSettings from "../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings.js";
 import StableSelectorMixin from "../../globals/mixins/stable-selector.js";
 import { EXPRESSIVE_MODAL_SIZE, EXPRESSIVE_MODAL_MODE } from "./defs.js";