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

package/es/component-mixins/parent-visibility/parent-visibility.js.map

@@ -1 +1 @@
-{"version":3,"file":"parent-visibility.js","names":["_settings","_interopRequireDefault","require","_tab","_createSuper","Derived","hasNativeReflectConstruct","_isNativeReflectConstruct","_createSuperInternal","Super","_getPrototypeOf2","result","NewTarget","constructor","Reflect","construct","arguments","apply","_possibleConstructorReturn2","sham","Proxy","Boolean","prototype","valueOf","call","e","ddsPrefix","ddsSettings","stablePrefix","ParentVisibilityMixin","Base","ParentVisibilityMixinImpl","_Base","_inherits2","_super","_classCallCheck2","_createClass2","key","value","connectedCallback","_this","_get2","_ref","parentsThatHide","Object","entries","forEach","_ref2","_ref3","_slicedToArray2","component","event","target","closest","_target","_target$parentElement","addEventListener","_onParentVisible","bind","parentElement","get","_defineProperty2","concat","DDSTab","eventTabSelected","_default","exports"],"sources":["component-mixins/parent-visibility/parent-visibility.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 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 ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';\nimport { Constructor } from '../../globals/defs';\nimport DDSTab from '../../components/tabs-extended/tab';\n\nconst { stablePrefix: ddsPrefix } = ddsSettings;\n\n/**\n * @param Base The base class.\n * @returns A mix-in implementing the logic for handling elements that need to\n *   respond when a potential parent element becomes visible.\n */\nconst ParentVisibilityMixin = <T extends Constructor<HTMLElement>>(Base: T) => {\n  abstract class ParentVisibilityMixinImpl extends Base {\n    /**\n     * The method that is invoked when a parent becomes visible.\n     */\n    abstract _onParentVisible(): void;\n\n    /**\n     * Handles `.connectedCallback()` method of `lit-element`.\n     */\n    connectedCallback() {\n      // @ts-ignore\n      super.connectedCallback();\n\n      const { parentsThatHide } = this\n        .constructor as typeof ParentVisibilityMixinImpl;\n\n      Object.entries(parentsThatHide).forEach(([component, event]) => {\n        let target: Element | null | undefined = this.closest(component);\n        while (target) {\n          target.addEventListener(event, this._onParentVisible.bind(this));\n          target = target?.parentElement?.closest(component);\n        }\n      });\n    }\n\n    /**\n     * A list of potential parent components that may be hide their content on\n     * first render. Lists event names that indicate the parent element\n     * visibility has changed keyed by component selector strings.\n     */\n    static get parentsThatHide() {\n      return {\n        [`${ddsPrefix}-tab`]: DDSTab.eventTabSelected,\n      };\n    }\n  }\n\n  return ParentVisibilityMixinImpl;\n};\n\nexport type ParentVisibilityMixinImpl = InstanceType<\n  ReturnType<typeof ParentVisibilityMixin>\n>;\n\nexport default ParentVisibilityMixin;\n"],"mappings":"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"}
+{"version":3,"file":"parent-visibility.js","names":["_settings","_interopRequireDefault","require","_tab","_createSuper","Derived","hasNativeReflectConstruct","_isNativeReflectConstruct","_createSuperInternal","Super","_getPrototypeOf2","result","NewTarget","constructor","Reflect","construct","arguments","apply","_possibleConstructorReturn2","sham","Proxy","Boolean","prototype","valueOf","call","e","ddsPrefix","ddsSettings","stablePrefix","ParentVisibilityMixin","Base","ParentVisibilityMixinImpl","_Base","_inherits2","_super","_classCallCheck2","_createClass2","key","value","connectedCallback","_this","_get2","_ref","parentsThatHide","Object","entries","forEach","_ref2","_ref3","_slicedToArray2","component","event","target","closest","_target","addEventListener","_onParentVisible","bind","parentElement","get","_defineProperty2","concat","DDSTab","eventTabSelected","_default","exports"],"sources":["component-mixins/parent-visibility/parent-visibility.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 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 ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';\nimport { Constructor } from '../../globals/defs';\nimport DDSTab from '../../components/tabs-extended/tab';\n\nconst { stablePrefix: ddsPrefix } = ddsSettings;\n\n/**\n * @param Base The base class.\n * @returns A mix-in implementing the logic for handling elements that need to\n *   respond when a potential parent element becomes visible.\n */\nconst ParentVisibilityMixin = <T extends Constructor<HTMLElement>>(Base: T) => {\n  abstract class ParentVisibilityMixinImpl extends Base {\n    /**\n     * The method that is invoked when a parent becomes visible.\n     */\n    abstract _onParentVisible(): void;\n\n    /**\n     * Handles `.connectedCallback()` method of `lit-element`.\n     */\n    connectedCallback() {\n      // @ts-ignore\n      super.connectedCallback();\n\n      const { parentsThatHide } = this\n        .constructor as typeof ParentVisibilityMixinImpl;\n\n      Object.entries(parentsThatHide).forEach(([component, event]) => {\n        let target: Element | null | undefined = this.closest(component);\n        while (target) {\n          target.addEventListener(event, this._onParentVisible.bind(this));\n          target = target?.parentElement?.closest(component);\n        }\n      });\n    }\n\n    /**\n     * A list of potential parent components that may be hide their content on\n     * first render. Lists event names that indicate the parent element\n     * visibility has changed keyed by component selector strings.\n     */\n    static get parentsThatHide() {\n      return {\n        [`${ddsPrefix}-tab`]: DDSTab.eventTabSelected,\n      };\n    }\n  }\n\n  return ParentVisibilityMixinImpl;\n};\n\nexport type ParentVisibilityMixinImpl = InstanceType<\n  ReturnType<typeof ParentVisibilityMixin>\n>;\n\nexport default ParentVisibilityMixin;\n"],"mappings":";;;;;;;;;;;;;;;AASA,IAAAA,SAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,IAAA,GAAAF,sBAAA,CAAAC,OAAA;AAAwD,SAAAE,aAAAC,OAAA,QAAAC,yBAAA,GAAAC,yBAAA,oBAAAC,qBAAA,QAAAC,KAAA,OAAAC,gBAAA,aAAAL,OAAA,GAAAM,MAAA,MAAAL,yBAAA,QAAAM,SAAA,OAAAF,gBAAA,mBAAAG,WAAA,EAAAF,MAAA,GAAAG,OAAA,CAAAC,SAAA,CAAAN,KAAA,EAAAO,SAAA,EAAAJ,SAAA,YAAAD,MAAA,GAAAF,KAAA,CAAAQ,KAAA,OAAAD,SAAA,gBAAAE,2BAAA,mBAAAP,MAAA;AAAA,SAAAJ,0BAAA,eAAAO,OAAA,qBAAAA,OAAA,CAAAC,SAAA,oBAAAD,OAAA,CAAAC,SAAA,CAAAI,IAAA,2BAAAC,KAAA,oCAAAC,OAAA,CAAAC,SAAA,CAAAC,OAAA,CAAAC,IAAA,CAAAV,OAAA,CAAAC,SAAA,CAAAM,OAAA,8CAAAI,CAAA,sBAXxD;AACA;AACA;AACA;AACA;AACA;AACA;AACA,6UAPA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAMA,IAAsBC,SAAS,GAAKC,oBAAW,CAAvCC,YAAY;;AAEpB;AACA;AACA;AACA;AACA;AACA,IAAMC,qBAAqB,GAAG,SAAxBA,qBAAqBA,CAAwCC,IAAO,EAAK;EAAA,IAC9DC,yBAAyB,0BAAAC,KAAA;IAAA,IAAAC,UAAA,aAAAF,yBAAA,EAAAC,KAAA;IAAA,IAAAE,MAAA,GAAA9B,YAAA,CAAA2B,yBAAA;IAAA,SAAAA,0BAAA;MAAA,IAAAI,gBAAA,mBAAAJ,yBAAA;MAAA,OAAAG,MAAA,CAAAjB,KAAA,OAAAD,SAAA;IAAA;IAAA,IAAAoB,aAAA,aAAAL,yBAAA;MAAAM,GAAA;MAAAC,KAAA;MAMtC;AACJ;AACA;MACI,SAAAC,kBAAA,EAAoB;QAAA,IAAAC,KAAA;QAClB;QACA,IAAAC,KAAA,iBAAA/B,gBAAA,aAAAqB,yBAAA,CAAAT,SAAA,8BAAAE,IAAA;QAEA,IAAAkB,IAAA,GAA4B,IAAI,CAC7B7B,WAAW;UADN8B,eAAe,GAAAD,IAAA,CAAfC,eAAe;QAGvBC,MAAM,CAACC,OAAO,CAACF,eAAe,CAAC,CAACG,OAAO,CAAC,UAAAC,KAAA,EAAwB;UAAA,IAAAC,KAAA,OAAAC,eAAA,aAAAF,KAAA;YAAtBG,SAAS,GAAAF,KAAA;YAAEG,KAAK,GAAAH,KAAA;UACxD,IAAII,MAAkC,GAAGZ,KAAI,CAACa,OAAO,CAACH,SAAS,CAAC;UAChE,OAAOE,MAAM,EAAE;YAAA,IAAAE,OAAA;YACbF,MAAM,CAACG,gBAAgB,CAACJ,KAAK,EAAEX,KAAI,CAACgB,gBAAgB,CAACC,IAAI,CAACjB,KAAI,CAAC,CAAC;YAChEY,MAAM,IAAAE,OAAA,GAAGF,MAAM,cAAAE,OAAA,gBAAAA,OAAA,GAANA,OAAA,CAAQI,aAAa,cAAAJ,OAAA,uBAArBA,OAAA,CAAuBD,OAAO,CAACH,SAAS,CAAC;UACpD;QACF,CAAC,CAAC;MACJ;;MAEA;AACJ;AACA;AACA;AACA;IAJI;MAAAb,GAAA;MAAAsB,GAAA,EAKA,SAAAA,IAAA,EAA6B;QAC3B,WAAAC,gBAAA,oBAAAC,MAAA,CACMnC,SAAS,WAASoC,eAAM,CAACC,gBAAgB;MAEjD;IAAC;IAAA,OAAAhC,yBAAA;EAAA,EAlC8CD,IAAI;EAqCrD,OAAOC,yBAAyB;AAClC,CAAC;AAAC,IAAAiC,QAAA,GAAAC,OAAA,cAMapC,qBAAqB"}

package/es/components/back-to-top/__stories__/data/content.js

@@ -32,7 +32,7 @@ var copy = "Many organizations are engaging in open source technology to optimiz
 // This is just for the purposes of faking a move from one page to another, for
 // the purposes of checking the behavior of the back to top button.
 var FauxNextPage = (0, _litElement.html)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n  <main>\n    <div class=\"bx--grid bx--grid--narrow\">\n      <div class=\"bx--row\">\n        <div class=\"bx--col-sm-4 bx--col-md-8 bx--col-lg-12 bx--offset-lg-4\">\n          <dds-content-block-simple complementary-style-scheme=\"with-border\">\n            <dds-content-block-heading\n              >Flexibility and control are the key to open source Linux\n              development</dds-content-block-heading\n            >\n            <dds-content-block-copy allowHTML=\"false\" size=\"sm\"\n              >", "</dds-content-block-copy\n            >\n            <dds-text-cta\n              slot=\"footer\"\n              cta-type=\"local\"\n              href=\"https://example.com\">\n              Explore supply chain consulting services\n            </dds-text-cta>\n          </dds-content-block-simple>\n        </div>\n      </div>\n    </div>\n  </main>\n"])), copy);
-var StoryContent = function StoryContent() {
+var StoryContent = exports.StoryContent = function StoryContent() {
   return (0, _litElement.html)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["\n    <dds-leadspace\n      size=\"medium\"\n      gradient-style-scheme=\"\"\n      alt=\"Image alt text\"\n      default-src=\"", "\"\n      data-autoid=\"dds--leadspace\">\n      <dds-leadspace-heading role=\"heading\" aria-level=\"1\" slot=\"heading\"\n        >Linux servers and operating systems</dds-leadspace-heading\n      >\n      Optimize your IT infrastructure \u2014 on-premises and in the cloud \u2014 with the\n      flexibility and control that comes with open source development\n      <dds-button-group\n        slot=\"action\"\n        role=\"list\"\n        style=\"--dds--button-group--item-count:2;\">\n        <dds-button-group-item\n          aria-label=\"\"\n          href=\"https://example.com\"\n          role=\"listitem\"\n          icon-layout=\"\"\n          kind=\"tertiary\"\n          size=\"\"\n          >Try it on premises<svg\n            focusable=\"false\"\n            preserveAspectRatio=\"xMidYMid meet\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n            fill=\"currentColor\"\n            aria-hidden=\"true\"\n            width=\"20\"\n            height=\"20\"\n            viewBox=\"0 0 20 20\"\n            slot=\"icon\">\n            <path\n              d=\"M11.8 2.8L10.8 3.8 16.2 9.3 1 9.3 1 10.7 16.2 10.7 10.8 16.2 11.8 17.2 19 10z\"></path></svg\n        ></dds-button-group-item>\n        <dds-button-group-item\n          aria-label=\"\"\n          href=\"https://example.com\"\n          role=\"listitem\"\n          icon-layout=\"\"\n          kind=\"primary\"\n          size=\"\"\n          >Try it on cloud<svg\n            focusable=\"false\"\n            preserveAspectRatio=\"xMidYMid meet\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n            fill=\"currentColor\"\n            aria-hidden=\"true\"\n            width=\"20\"\n            height=\"20\"\n            viewBox=\"0 0 20 20\"\n            slot=\"icon\">\n            <path\n              d=\"M11.8 2.8L10.8 3.8 16.2 9.3 1 9.3 1 10.7 16.2 10.7 10.8 16.2 11.8 17.2 19 10z\"></path></svg\n        ></dds-button-group-item>\n      </dds-button-group>\n      <dds-leadspace-image\n        slot=\"image\"\n        alt=\"Image alt text\"\n        default-src=\"", "\"\n        data-autoid=\"dds--image\">\n        <dds-image-item\n          media=\"(min-width: 672px)\"\n          srcset=\"", "\"></dds-image-item>\n        <dds-image-item\n          media=\"(min-width: 0)\"\n          srcset=\"", "\"></dds-image-item>\n      </dds-leadspace-image>\n    </dds-leadspace>\n    <main>\n      <div class=\"bx--grid bx--grid--narrow\">\n        <div class=\"bx--row\">\n          <div class=\"bx--col-sm-4 bx--col-md-8 bx--col-lg-12 bx--offset-lg-4\">\n            <dds-content-block-simple complementary-style-scheme=\"with-border\">\n              <dds-content-block-heading\n                >Flexibility and control are the key to open source Linux\n                development</dds-content-block-heading\n              >\n              <dds-content-block-copy allowHTML=\"false\" size=\"sm\"\n                >", "</dds-content-block-copy\n              >\n              <dds-text-cta\n                slot=\"footer\"\n                cta-type=\"local\"\n                href=\"https://example.com\">\n                Explore supply chain consulting services\n              </dds-text-cta>\n            </dds-content-block-simple>\n          </div>\n        </div>\n        <div class=\"bx--row\">\n          <div class=\"bx--col-sm-4 bx--col-md-8 bx--col-lg-12 bx--offset-lg-4\">\n            <dds-content-block-simple>\n              <dds-content-block-heading\n                >What sets IBM Linux servers apart?</dds-content-block-heading\n              >\n              <dds-link-list type=\"default\" slot=\"complementary\">\n                <dds-link-list-heading>Resources</dds-link-list-heading>\n                <dds-link-list-item-card-cta\n                  href=\"https://example.com\"\n                  cta-type=\"local\">\n                  <p>Read the solution brief</p>\n                  <dds-card-cta-footer></dds-card-cta-footer>\n                </dds-link-list-item-card-cta>\n                <dds-link-list-item-card-cta\n                  href=\"https://example.com\"\n                  cta-type=\"external\">\n                  <p>What is LinuxOne?</p>\n                  <dds-card-cta-footer></dds-card-cta-footer>\n                </dds-link-list-item-card-cta>\n              </dds-link-list>\n              <dds-content-block-copy>\n                <dds-content-item>\n                  <dds-content-item-heading\n                    >Industry-leading performance</dds-content-item-heading\n                  >\n                  <dds-content-item-copy\n                    >Potential for 30% improvement in transactional response\n                    time with fast data retrieval and queries, plus disk space\n                    compression.</dds-content-item-copy\n                  >\n                </dds-content-item>\n                <dds-content-item>\n                  <dds-content-item-heading\n                    >Advanced protection</dds-content-item-heading\n                  >\n                  <dds-content-item-copy\n                    >Sophisticated authorization, encryption at rest and in\n                    transit, and comprehensive security controls for managing\n                    GDPR compliance.</dds-content-item-copy\n                  >\n                </dds-content-item>\n                <dds-content-item>\n                  <dds-content-item-heading\n                    >Continuous availability</dds-content-item-heading\n                  >\n                  <dds-content-item-copy\n                    >Auto resynchronization and recovery plus clustering with\n                    IBM pureScale\xAE to keep your business running\n                    24x7.</dds-content-item-copy\n                  >\n                </dds-content-item>\n                <dds-content-item>\n                  <dds-content-item-heading\n                    >Automated administration and\n                    tooling</dds-content-item-heading\n                  >\n                  <dds-content-item-copy\n                    >Automatic setup, optimization, diagnostics and management\n                    of the database environment to save administration time and\n                    cut maintenance costs.</dds-content-item-copy\n                  >\n                </dds-content-item>\n                <dds-content-item>\n                  <dds-content-item-heading\n                    >Multiple data types and languages</dds-content-item-heading\n                  >\n                  <dds-content-item-copy\n                    >Integration with multiple platforms to build robust apps.\n                    Supports NoSQL, pureXML, Graph and JSON, Java, .Net, Ruby,\n                    Python, Perl and more.</dds-content-item-copy\n                  >\n                </dds-content-item>\n                <dds-content-item>\n                  <dds-content-item-heading>Scaling</dds-content-item-heading>\n                  <dds-content-item-copy\n                    >Elastic scaling of up to 128 machines in multicloud and\n                    hybrid environments to reduce storage costs, plus data\n                    federation to eliminate data silos.</dds-content-item-copy\n                  >\n                </dds-content-item>\n              </dds-content-block-copy>\n            </dds-content-block-simple>\n          </div>\n        </div>\n      </div>\n      <div class=\"bx--grid bx--no-gutter\">\n        <div class=\"bx--row\">\n          <div class=\"bx--col-sm-4 bx--col-md-8 bx--col-lg-8 bx--offset-lg-4\">\n            <dds-content-group-simple>\n              <dds-content-group-heading\n                >See how it works</dds-content-group-heading\n              >\n              <dds-feature-card href=\"https://example.com\">\n                <dds-image\n                  slot=\"image\"\n                  alt=\"Feature card image\"\n                  default-src=\"", "\"></dds-image>\n                <dds-card-heading\n                  >Discover how innovative companies are using open source\n                  technology to ignite collaboration</dds-card-heading\n                >\n                <dds-feature-card-footer>\n                  ", "\n                </dds-feature-card-footer>\n              </dds-feature-card>\n            </dds-content-group-simple>\n          </div>\n        </div>\n      </div>\n      <div class=\"bx--grid bx--no-gutter\">\n        <div class=\"bx--row\">\n          <div class=\"bx--col-sm-4 bx--col-md-8 bx--col-lg-16\">\n            <dds-card-section-simple>\n              <dds-content-section-heading\n                >Linux operating systems</dds-content-section-heading\n              >\n              <dds-card-group>\n                <dds-card-group-item href=\"https://example.com\">\n                  <dds-card-heading>Linux OS on mainframes</dds-card-heading>\n                  Linux on IBM mainframes lets you transform your application\n                  and data portfolio with data privacy, security, and cyber\n                  resiliency.\n                  <dds-card-cta-footer slot=\"footer\">\n                    ", "\n                  </dds-card-cta-footer>\n                </dds-card-group-item>\n                <dds-card-group-item href=\"https://example.com\">\n                  <dds-card-heading>Linux OS on LinuxONE</dds-card-heading>\n                  <p>\n                    Transform your application and data portfolio with\n                    innovative data privacy, security and cyber resiliency\n                    capabilities, plus minimal downtime.\n                  </p>\n                  <dds-card-cta-footer slot=\"footer\">\n                    ", "\n                  </dds-card-cta-footer>\n                </dds-card-group-item>\n                <dds-card-group-item href=\"https://example.com\">\n                  <dds-card-heading>Linux OS on Power Systems</dds-card-heading>\n                  <p>\n                    Process massive amounts of data quickly, efficiently and\n                    cost-effectively on an open, scalable infrastructure with\n                    built-in acceleration.\n                  </p>\n                  <dds-card-cta-footer slot=\"footer\">\n                    ", "\n                  </dds-card-cta-footer>\n                </dds-card-group-item>\n              </dds-card-group>\n            </dds-card-section-simple>\n          </div>\n        </div>\n      </div>\n\n      <div class=\"bx--grid bx--no-gutter\">\n        <div class=\"bx--row\">\n          <div class=\"bx--col-sm-4 bx--col-md-8 bx--col-lg-16\">\n            <dds-cta-section>\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                  >Get started with Linux servers and operating systems at the\n                  foundation of your IT infrastructure.</dds-content-block-copy\n                >\n                <dds-button-group\n                  slot=\"action\"\n                  role=\"list\"\n                  style=\"--dds--button-group--item-count:2;\">\n                  <dds-button-group-item\n                    aria-label=\"\"\n                    href=\"https://example.com\"\n                    role=\"listitem\"\n                    icon-layout=\"\"\n                    kind=\"tertiary\"\n                    size=\"\"\n                    >Try it on premises<svg\n                      focusable=\"false\"\n                      preserveAspectRatio=\"xMidYMid meet\"\n                      xmlns=\"http://www.w3.org/2000/svg\"\n                      fill=\"currentColor\"\n                      aria-hidden=\"true\"\n                      width=\"20\"\n                      height=\"20\"\n                      viewBox=\"0 0 20 20\"\n                      slot=\"icon\">\n                      <path\n                        d=\"M11.8 2.8L10.8 3.8 16.2 9.3 1 9.3 1 10.7 16.2 10.7 10.8 16.2 11.8 17.2 19 10z\"></path></svg\n                  ></dds-button-group-item>\n                  <dds-button-group-item\n                    aria-label=\"\"\n                    href=\"https://example.com\"\n                    role=\"listitem\"\n                    icon-layout=\"\"\n                    kind=\"primary\"\n                    size=\"\"\n                    >Try it on cloud<svg\n                      focusable=\"false\"\n                      preserveAspectRatio=\"xMidYMid meet\"\n                      xmlns=\"http://www.w3.org/2000/svg\"\n                      fill=\"currentColor\"\n                      aria-hidden=\"true\"\n                      width=\"20\"\n                      height=\"20\"\n                      viewBox=\"0 0 20 20\"\n                      slot=\"icon\">\n                      <path\n                        d=\"M11.8 2.8L10.8 3.8 16.2 9.3 1 9.3 1 10.7 16.2 10.7 10.8 16.2 11.8 17.2 19 10z\"></path></svg\n                  ></dds-button-group-item>\n                </dds-button-group>\n                <dds-link-list slot=\"link-list\" type=\"end\">\n                  <dds-link-list-heading\n                    >More ways to explore Linux servers</dds-link-list-heading\n                  >\n                  <dds-link-list-item href=\"https://example.com\">\n                    Products ", "\n                  </dds-link-list-item>\n                  <dds-link-list-item href=\"https://example.com\">\n                    Blogs ", "\n                  </dds-link-list-item>\n                  <dds-link-list-item href=\"https://example.com\">\n                    Latest research ", "\n                  </dds-link-list-item>\n                  <dds-link-list-item href=\"https://example.com\">\n                    Key concepts ", "\n                  </dds-link-list-item>\n                  <dds-link-list-item href=\"https://example.com\">\n                    Client stories ", "\n                  </dds-link-list-item>\n                  <dds-link-list-item href=\"https://example.com\">\n                    Training ", "\n                  </dds-link-list-item>\n                  <dds-link-list-item href=\"https://example.com\">\n                    Analyst insights ", "\n                  </dds-link-list-item>\n                  <dds-link-list-item href=\"https://example.com\">\n                    Events ", "\n                  </dds-link-list-item>\n                  <dds-link-list-item href=\"https://example.com\">\n                    Partners ", "\n                  </dds-link-list-item>\n                </dds-link-list>\n              </dds-cta-block>\n            </dds-cta-section>\n          </div>\n        </div>\n      </div>\n      <div class=\"bx--grid bx--grid--narrow\">\n        <div class=\"bx--row\">\n          <div class=\"bx--col-sm-4 bx--col-md-8 bx--col-lg-12 bx--offset-lg-4\">\n            <dds-content-block-simple>\n              <dds-content-block-heading\n                >Learn more by going to the next\n                page?</dds-content-block-heading\n              >\n              <dds-content-block-copy>\n                <dds-button-expressive\n                  kind=\"primary\"\n                  @click=", ">\n                  Next page\n                  <svg\n                    slot=\"icon\"\n                    focusable=\"false\"\n                    preserveAspectRatio=\"xMidYMid meet\"\n                    xmlns=\"http://www.w3.org/2000/svg\"\n                    aria-hidden=\"true\"\n                    width=\"20\"\n                    height=\"20\"\n                    viewBox=\"0 0 20 20\">\n                    <path\n                      d=\"M11.8 2.8L10.8 3.8 16.2 9.3 1 9.3 1 10.7 16.2 10.7 10.8 16.2 11.8 17.2 19 10z\"></path>\n                  </svg>\n                </dds-button-expressive>\n              </dds-content-block-copy>\n            </dds-content-block-simple>\n          </div>\n        </div>\n      </div>\n    </main>\n  "])), _leadspaceMax["default"], _leadspaceMax["default"], _leadspaceMax["default"], _leadspaceMax["default"], copy, _fpo1x1960x["default"], (0, _["default"])({
     slot: 'icon'
   }), (0, _["default"])({
@@ -65,7 +65,5 @@ var StoryContent = function StoryContent() {
     (0, _litHtml.render)(FauxNextPage, main);
   });
 };
-exports.StoryContent = StoryContent;
-var _default = StoryContent;
-exports["default"] = _default;
+var _default = exports["default"] = StoryContent;
 //# sourceMappingURL=content.js.map

package/es/components/back-to-top/__stories__/data/content.js.map

@@ -1 +1 @@
-{"version":3,"file":"content.js","names":["_litElement","require","_litHtml","_","_interopRequireDefault","_fpo1x1960x","_leadspaceMax","_templateObject","_templateObject2","copy","FauxNextPage","html","_taggedTemplateLiteral2","StoryContent","leadspaceImg","imgLg1x1","ArrowRight20","slot","main","document","querySelector","render","exports","_default"],"sources":["components/back-to-top/__stories__/data/content.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2016, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { html } from 'lit-element';\nimport { render } from 'lit-html';\nimport '../../../leadspace/index';\nimport '../../../content-block-simple/index';\nimport '../../../content-group-simple/index';\nimport '../../../feature-card/index';\nimport '../../../card-section-simple/index';\nimport '../../../cta-section/index';\nimport '../../../link-list/index';\nimport '../../../cta/index';\nimport '../../../button/index';\n\nimport ArrowRight20 from '../../../../internal/vendor/@carbon/web-components/icons/arrow--right/20';\nimport imgLg1x1 from '../../../../../../storybook-images/assets/960/fpo--1x1--960x960--006.jpg';\nimport leadspaceImg from '../../../../../../storybook-images/assets/leadspace/leadspaceMax2.jpg';\n\nconst copy = `Many organizations are engaging in open source technology to optimize their Linux environment.\nThe ability to integrate open systems with traditional or hybrid cloud IT infrastructure has a profound effect\non driving innovation and a growing number of IT professionals are actively participating in open source\ncommunities as a way to stay at the forefront of development.`;\n\n// This is just for the purposes of faking a move from one page to another, for\n// the purposes of checking the behavior of the back to top button.\nconst FauxNextPage = html`\n  <main>\n    <div class=\"bx--grid bx--grid--narrow\">\n      <div class=\"bx--row\">\n        <div class=\"bx--col-sm-4 bx--col-md-8 bx--col-lg-12 bx--offset-lg-4\">\n          <dds-content-block-simple complementary-style-scheme=\"with-border\">\n            <dds-content-block-heading\n              >Flexibility and control are the key to open source Linux\n              development</dds-content-block-heading\n            >\n            <dds-content-block-copy allowHTML=\"false\" size=\"sm\"\n              >${copy}</dds-content-block-copy\n            >\n            <dds-text-cta\n              slot=\"footer\"\n              cta-type=\"local\"\n              href=\"https://example.com\">\n              Explore supply chain consulting services\n            </dds-text-cta>\n          </dds-content-block-simple>\n        </div>\n      </div>\n    </div>\n  </main>\n`;\n\nexport const StoryContent = () =>\n  html`\n    <dds-leadspace\n      size=\"medium\"\n      gradient-style-scheme=\"\"\n      alt=\"Image alt text\"\n      default-src=\"${leadspaceImg}\"\n      data-autoid=\"dds--leadspace\">\n      <dds-leadspace-heading role=\"heading\" aria-level=\"1\" slot=\"heading\"\n        >Linux servers and operating systems</dds-leadspace-heading\n      >\n      Optimize your IT infrastructure — on-premises and in the cloud — with the\n      flexibility and control that comes with open source development\n      <dds-button-group\n        slot=\"action\"\n        role=\"list\"\n        style=\"--dds--button-group--item-count:2;\">\n        <dds-button-group-item\n          aria-label=\"\"\n          href=\"https://example.com\"\n          role=\"listitem\"\n          icon-layout=\"\"\n          kind=\"tertiary\"\n          size=\"\"\n          >Try it on premises<svg\n            focusable=\"false\"\n            preserveAspectRatio=\"xMidYMid meet\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n            fill=\"currentColor\"\n            aria-hidden=\"true\"\n            width=\"20\"\n            height=\"20\"\n            viewBox=\"0 0 20 20\"\n            slot=\"icon\">\n            <path\n              d=\"M11.8 2.8L10.8 3.8 16.2 9.3 1 9.3 1 10.7 16.2 10.7 10.8 16.2 11.8 17.2 19 10z\"></path></svg\n        ></dds-button-group-item>\n        <dds-button-group-item\n          aria-label=\"\"\n          href=\"https://example.com\"\n          role=\"listitem\"\n          icon-layout=\"\"\n          kind=\"primary\"\n          size=\"\"\n          >Try it on cloud<svg\n            focusable=\"false\"\n            preserveAspectRatio=\"xMidYMid meet\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n            fill=\"currentColor\"\n            aria-hidden=\"true\"\n            width=\"20\"\n            height=\"20\"\n            viewBox=\"0 0 20 20\"\n            slot=\"icon\">\n            <path\n              d=\"M11.8 2.8L10.8 3.8 16.2 9.3 1 9.3 1 10.7 16.2 10.7 10.8 16.2 11.8 17.2 19 10z\"></path></svg\n        ></dds-button-group-item>\n      </dds-button-group>\n      <dds-leadspace-image\n        slot=\"image\"\n        alt=\"Image alt text\"\n        default-src=\"${leadspaceImg}\"\n        data-autoid=\"dds--image\">\n        <dds-image-item\n          media=\"(min-width: 672px)\"\n          srcset=\"${leadspaceImg}\"></dds-image-item>\n        <dds-image-item\n          media=\"(min-width: 0)\"\n          srcset=\"${leadspaceImg}\"></dds-image-item>\n      </dds-leadspace-image>\n    </dds-leadspace>\n    <main>\n      <div class=\"bx--grid bx--grid--narrow\">\n        <div class=\"bx--row\">\n          <div class=\"bx--col-sm-4 bx--col-md-8 bx--col-lg-12 bx--offset-lg-4\">\n            <dds-content-block-simple complementary-style-scheme=\"with-border\">\n              <dds-content-block-heading\n                >Flexibility and control are the key to open source Linux\n                development</dds-content-block-heading\n              >\n              <dds-content-block-copy allowHTML=\"false\" size=\"sm\"\n                >${copy}</dds-content-block-copy\n              >\n              <dds-text-cta\n                slot=\"footer\"\n                cta-type=\"local\"\n                href=\"https://example.com\">\n                Explore supply chain consulting services\n              </dds-text-cta>\n            </dds-content-block-simple>\n          </div>\n        </div>\n        <div class=\"bx--row\">\n          <div class=\"bx--col-sm-4 bx--col-md-8 bx--col-lg-12 bx--offset-lg-4\">\n            <dds-content-block-simple>\n              <dds-content-block-heading\n                >What sets IBM Linux servers apart?</dds-content-block-heading\n              >\n              <dds-link-list type=\"default\" slot=\"complementary\">\n                <dds-link-list-heading>Resources</dds-link-list-heading>\n                <dds-link-list-item-card-cta\n                  href=\"https://example.com\"\n                  cta-type=\"local\">\n                  <p>Read the solution brief</p>\n                  <dds-card-cta-footer></dds-card-cta-footer>\n                </dds-link-list-item-card-cta>\n                <dds-link-list-item-card-cta\n                  href=\"https://example.com\"\n                  cta-type=\"external\">\n                  <p>What is LinuxOne?</p>\n                  <dds-card-cta-footer></dds-card-cta-footer>\n                </dds-link-list-item-card-cta>\n              </dds-link-list>\n              <dds-content-block-copy>\n                <dds-content-item>\n                  <dds-content-item-heading\n                    >Industry-leading performance</dds-content-item-heading\n                  >\n                  <dds-content-item-copy\n                    >Potential for 30% improvement in transactional response\n                    time with fast data retrieval and queries, plus disk space\n                    compression.</dds-content-item-copy\n                  >\n                </dds-content-item>\n                <dds-content-item>\n                  <dds-content-item-heading\n                    >Advanced protection</dds-content-item-heading\n                  >\n                  <dds-content-item-copy\n                    >Sophisticated authorization, encryption at rest and in\n                    transit, and comprehensive security controls for managing\n                    GDPR compliance.</dds-content-item-copy\n                  >\n                </dds-content-item>\n                <dds-content-item>\n                  <dds-content-item-heading\n                    >Continuous availability</dds-content-item-heading\n                  >\n                  <dds-content-item-copy\n                    >Auto resynchronization and recovery plus clustering with\n                    IBM pureScale® to keep your business running\n                    24x7.</dds-content-item-copy\n                  >\n                </dds-content-item>\n                <dds-content-item>\n                  <dds-content-item-heading\n                    >Automated administration and\n                    tooling</dds-content-item-heading\n                  >\n                  <dds-content-item-copy\n                    >Automatic setup, optimization, diagnostics and management\n                    of the database environment to save administration time and\n                    cut maintenance costs.</dds-content-item-copy\n                  >\n                </dds-content-item>\n                <dds-content-item>\n                  <dds-content-item-heading\n                    >Multiple data types and languages</dds-content-item-heading\n                  >\n                  <dds-content-item-copy\n                    >Integration with multiple platforms to build robust apps.\n                    Supports NoSQL, pureXML, Graph and JSON, Java, .Net, Ruby,\n                    Python, Perl and more.</dds-content-item-copy\n                  >\n                </dds-content-item>\n                <dds-content-item>\n                  <dds-content-item-heading>Scaling</dds-content-item-heading>\n                  <dds-content-item-copy\n                    >Elastic scaling of up to 128 machines in multicloud and\n                    hybrid environments to reduce storage costs, plus data\n                    federation to eliminate data silos.</dds-content-item-copy\n                  >\n                </dds-content-item>\n              </dds-content-block-copy>\n            </dds-content-block-simple>\n          </div>\n        </div>\n      </div>\n      <div class=\"bx--grid bx--no-gutter\">\n        <div class=\"bx--row\">\n          <div class=\"bx--col-sm-4 bx--col-md-8 bx--col-lg-8 bx--offset-lg-4\">\n            <dds-content-group-simple>\n              <dds-content-group-heading\n                >See how it works</dds-content-group-heading\n              >\n              <dds-feature-card href=\"https://example.com\">\n                <dds-image\n                  slot=\"image\"\n                  alt=\"Feature card image\"\n                  default-src=\"${imgLg1x1}\"></dds-image>\n                <dds-card-heading\n                  >Discover how innovative companies are using open source\n                  technology to ignite collaboration</dds-card-heading\n                >\n                <dds-feature-card-footer>\n                  ${ArrowRight20({ slot: 'icon' })}\n                </dds-feature-card-footer>\n              </dds-feature-card>\n            </dds-content-group-simple>\n          </div>\n        </div>\n      </div>\n      <div class=\"bx--grid bx--no-gutter\">\n        <div class=\"bx--row\">\n          <div class=\"bx--col-sm-4 bx--col-md-8 bx--col-lg-16\">\n            <dds-card-section-simple>\n              <dds-content-section-heading\n                >Linux operating systems</dds-content-section-heading\n              >\n              <dds-card-group>\n                <dds-card-group-item href=\"https://example.com\">\n                  <dds-card-heading>Linux OS on mainframes</dds-card-heading>\n                  Linux on IBM mainframes lets you transform your application\n                  and data portfolio with data privacy, security, and cyber\n                  resiliency.\n                  <dds-card-cta-footer slot=\"footer\">\n                    ${ArrowRight20({ slot: 'icon' })}\n                  </dds-card-cta-footer>\n                </dds-card-group-item>\n                <dds-card-group-item href=\"https://example.com\">\n                  <dds-card-heading>Linux OS on LinuxONE</dds-card-heading>\n                  <p>\n                    Transform your application and data portfolio with\n                    innovative data privacy, security and cyber resiliency\n                    capabilities, plus minimal downtime.\n                  </p>\n                  <dds-card-cta-footer slot=\"footer\">\n                    ${ArrowRight20({ slot: 'icon' })}\n                  </dds-card-cta-footer>\n                </dds-card-group-item>\n                <dds-card-group-item href=\"https://example.com\">\n                  <dds-card-heading>Linux OS on Power Systems</dds-card-heading>\n                  <p>\n                    Process massive amounts of data quickly, efficiently and\n                    cost-effectively on an open, scalable infrastructure with\n                    built-in acceleration.\n                  </p>\n                  <dds-card-cta-footer slot=\"footer\">\n                    ${ArrowRight20({ slot: 'icon' })}\n                  </dds-card-cta-footer>\n                </dds-card-group-item>\n              </dds-card-group>\n            </dds-card-section-simple>\n          </div>\n        </div>\n      </div>\n\n      <div class=\"bx--grid bx--no-gutter\">\n        <div class=\"bx--row\">\n          <div class=\"bx--col-sm-4 bx--col-md-8 bx--col-lg-16\">\n            <dds-cta-section>\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                  >Get started with Linux servers and operating systems at the\n                  foundation of your IT infrastructure.</dds-content-block-copy\n                >\n                <dds-button-group\n                  slot=\"action\"\n                  role=\"list\"\n                  style=\"--dds--button-group--item-count:2;\">\n                  <dds-button-group-item\n                    aria-label=\"\"\n                    href=\"https://example.com\"\n                    role=\"listitem\"\n                    icon-layout=\"\"\n                    kind=\"tertiary\"\n                    size=\"\"\n                    >Try it on premises<svg\n                      focusable=\"false\"\n                      preserveAspectRatio=\"xMidYMid meet\"\n                      xmlns=\"http://www.w3.org/2000/svg\"\n                      fill=\"currentColor\"\n                      aria-hidden=\"true\"\n                      width=\"20\"\n                      height=\"20\"\n                      viewBox=\"0 0 20 20\"\n                      slot=\"icon\">\n                      <path\n                        d=\"M11.8 2.8L10.8 3.8 16.2 9.3 1 9.3 1 10.7 16.2 10.7 10.8 16.2 11.8 17.2 19 10z\"></path></svg\n                  ></dds-button-group-item>\n                  <dds-button-group-item\n                    aria-label=\"\"\n                    href=\"https://example.com\"\n                    role=\"listitem\"\n                    icon-layout=\"\"\n                    kind=\"primary\"\n                    size=\"\"\n                    >Try it on cloud<svg\n                      focusable=\"false\"\n                      preserveAspectRatio=\"xMidYMid meet\"\n                      xmlns=\"http://www.w3.org/2000/svg\"\n                      fill=\"currentColor\"\n                      aria-hidden=\"true\"\n                      width=\"20\"\n                      height=\"20\"\n                      viewBox=\"0 0 20 20\"\n                      slot=\"icon\">\n                      <path\n                        d=\"M11.8 2.8L10.8 3.8 16.2 9.3 1 9.3 1 10.7 16.2 10.7 10.8 16.2 11.8 17.2 19 10z\"></path></svg\n                  ></dds-button-group-item>\n                </dds-button-group>\n                <dds-link-list slot=\"link-list\" type=\"end\">\n                  <dds-link-list-heading\n                    >More ways to explore Linux servers</dds-link-list-heading\n                  >\n                  <dds-link-list-item href=\"https://example.com\">\n                    Products ${ArrowRight20({ slot: 'icon' })}\n                  </dds-link-list-item>\n                  <dds-link-list-item href=\"https://example.com\">\n                    Blogs ${ArrowRight20({ slot: 'icon' })}\n                  </dds-link-list-item>\n                  <dds-link-list-item href=\"https://example.com\">\n                    Latest research ${ArrowRight20({ slot: 'icon' })}\n                  </dds-link-list-item>\n                  <dds-link-list-item href=\"https://example.com\">\n                    Key concepts ${ArrowRight20({ slot: 'icon' })}\n                  </dds-link-list-item>\n                  <dds-link-list-item href=\"https://example.com\">\n                    Client stories ${ArrowRight20({ slot: 'icon' })}\n                  </dds-link-list-item>\n                  <dds-link-list-item href=\"https://example.com\">\n                    Training ${ArrowRight20({ slot: 'icon' })}\n                  </dds-link-list-item>\n                  <dds-link-list-item href=\"https://example.com\">\n                    Analyst insights ${ArrowRight20({ slot: 'icon' })}\n                  </dds-link-list-item>\n                  <dds-link-list-item href=\"https://example.com\">\n                    Events ${ArrowRight20({ slot: 'icon' })}\n                  </dds-link-list-item>\n                  <dds-link-list-item href=\"https://example.com\">\n                    Partners ${ArrowRight20({ slot: 'icon' })}\n                  </dds-link-list-item>\n                </dds-link-list>\n              </dds-cta-block>\n            </dds-cta-section>\n          </div>\n        </div>\n      </div>\n      <div class=\"bx--grid bx--grid--narrow\">\n        <div class=\"bx--row\">\n          <div class=\"bx--col-sm-4 bx--col-md-8 bx--col-lg-12 bx--offset-lg-4\">\n            <dds-content-block-simple>\n              <dds-content-block-heading\n                >Learn more by going to the next\n                page?</dds-content-block-heading\n              >\n              <dds-content-block-copy>\n                <dds-button-expressive\n                  kind=\"primary\"\n                  @click=${() => {\n                    // @ts-ignore\n                    const main: Element = document\n                      .querySelector('dds-dotcom-shell-container')\n                      .querySelector('main');\n                    render(FauxNextPage, main);\n                  }}>\n                  Next page\n                  <svg\n                    slot=\"icon\"\n                    focusable=\"false\"\n                    preserveAspectRatio=\"xMidYMid meet\"\n                    xmlns=\"http://www.w3.org/2000/svg\"\n                    aria-hidden=\"true\"\n                    width=\"20\"\n                    height=\"20\"\n                    viewBox=\"0 0 20 20\">\n                    <path\n                      d=\"M11.8 2.8L10.8 3.8 16.2 9.3 1 9.3 1 10.7 16.2 10.7 10.8 16.2 11.8 17.2 19 10z\"></path>\n                  </svg>\n                </dds-button-expressive>\n              </dds-content-block-copy>\n            </dds-content-block-simple>\n          </div>\n        </div>\n      </div>\n    </main>\n  `;\n\nexport default StoryContent;\n"],"mappings":";;;;;;;;AAOA,IAAAA,WAAA,GAAAC,OAAA;AACA,IAAAC,QAAA,GAAAD,OAAA;AACAA,OAAA;AACAA,OAAA;AACAA,OAAA;AACAA,OAAA;AACAA,OAAA;AACAA,OAAA;AACAA,OAAA;AACAA,OAAA;AACAA,OAAA;AAEA,IAAAE,CAAA,GAAAC,sBAAA,CAAAH,OAAA;AACA,IAAAI,WAAA,GAAAD,sBAAA,CAAAH,OAAA;AACA,IAAAK,aAAA,GAAAF,sBAAA,CAAAH,OAAA;AAAiG,IAAAM,eAAA,EAAAC,gBAAA;AArBjG;AACA;AACA;AACA;AACA;AACA;AAkBA,IAAMC,IAAI,4XAGoD;;AAE9D;AACA;AACA,IAAMC,YAAY,OAAGC,gBAAI,EAAAJ,eAAA,KAAAA,eAAA,OAAAK,uBAAA,k4BAWRH,IAAI,CAapB;AAEM,IAAMI,YAAY,GAAG,SAAfA,YAAYA,CAAA;EAAA,WACvBF,gBAAI,EAAAH,gBAAA,KAAAA,gBAAA,OAAAI,uBAAA,m4fAKeE,wBAAY,EAuDVA,wBAAY,EAIfA,wBAAY,EAGZA,wBAAY,EAabL,IAAI,EA4GUM,sBAAQ,EAMrB,IAAAC,YAAY,EAAC;IAAEC,IAAI,EAAE;EAAO,CAAC,CAAC,EAqB5B,IAAAD,YAAY,EAAC;IAAEC,IAAI,EAAE;EAAO,CAAC,CAAC,EAW9B,IAAAD,YAAY,EAAC;IAAEC,IAAI,EAAE;EAAO,CAAC,CAAC,EAW9B,IAAAD,YAAY,EAAC;IAAEC,IAAI,EAAE;EAAO,CAAC,CAAC,EAuErB,IAAAD,YAAY,EAAC;IAAEC,IAAI,EAAE;EAAO,CAAC,CAAC,EAGjC,IAAAD,YAAY,EAAC;IAAEC,IAAI,EAAE;EAAO,CAAC,CAAC,EAGpB,IAAAD,YAAY,EAAC;IAAEC,IAAI,EAAE;EAAO,CAAC,CAAC,EAGjC,IAAAD,YAAY,EAAC;IAAEC,IAAI,EAAE;EAAO,CAAC,CAAC,EAG5B,IAAAD,YAAY,EAAC;IAAEC,IAAI,EAAE;EAAO,CAAC,CAAC,EAGpC,IAAAD,YAAY,EAAC;IAAEC,IAAI,EAAE;EAAO,CAAC,CAAC,EAGtB,IAAAD,YAAY,EAAC;IAAEC,IAAI,EAAE;EAAO,CAAC,CAAC,EAGxC,IAAAD,YAAY,EAAC;IAAEC,IAAI,EAAE;EAAO,CAAC,CAAC,EAG5B,IAAAD,YAAY,EAAC;IAAEC,IAAI,EAAE;EAAO,CAAC,CAAC,EAmBlC,YAAM;IACb;IACA,IAAMC,IAAa,GAAGC,QAAQ,CAC3BC,aAAa,CAAC,4BAA4B,CAAC,CAC3CA,aAAa,CAAC,MAAM,CAAC;IACxB,IAAAC,eAAM,EAACX,YAAY,EAAEQ,IAAI,CAAC;EAC5B,CAAC;AAAA,CAqBhB;AAACI,OAAA,CAAAT,YAAA,GAAAA,YAAA;AAAA,IAAAU,QAAA,GAEWV,YAAY;AAAAS,OAAA,cAAAC,QAAA"}
+{"version":3,"file":"content.js","names":["_litElement","require","_litHtml","_","_interopRequireDefault","_fpo1x1960x","_leadspaceMax","_templateObject","_templateObject2","copy","FauxNextPage","html","_taggedTemplateLiteral2","StoryContent","exports","leadspaceImg","imgLg1x1","ArrowRight20","slot","main","document","querySelector","render","_default"],"sources":["components/back-to-top/__stories__/data/content.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2016, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { html } from 'lit-element';\nimport { render } from 'lit-html';\nimport '../../../leadspace/index';\nimport '../../../content-block-simple/index';\nimport '../../../content-group-simple/index';\nimport '../../../feature-card/index';\nimport '../../../card-section-simple/index';\nimport '../../../cta-section/index';\nimport '../../../link-list/index';\nimport '../../../cta/index';\nimport '../../../button/index';\n\nimport ArrowRight20 from '../../../../internal/vendor/@carbon/web-components/icons/arrow--right/20';\nimport imgLg1x1 from '../../../../../../storybook-images/assets/960/fpo--1x1--960x960--006.jpg';\nimport leadspaceImg from '../../../../../../storybook-images/assets/leadspace/leadspaceMax2.jpg';\n\nconst copy = `Many organizations are engaging in open source technology to optimize their Linux environment.\nThe ability to integrate open systems with traditional or hybrid cloud IT infrastructure has a profound effect\non driving innovation and a growing number of IT professionals are actively participating in open source\ncommunities as a way to stay at the forefront of development.`;\n\n// This is just for the purposes of faking a move from one page to another, for\n// the purposes of checking the behavior of the back to top button.\nconst FauxNextPage = html`\n  <main>\n    <div class=\"bx--grid bx--grid--narrow\">\n      <div class=\"bx--row\">\n        <div class=\"bx--col-sm-4 bx--col-md-8 bx--col-lg-12 bx--offset-lg-4\">\n          <dds-content-block-simple complementary-style-scheme=\"with-border\">\n            <dds-content-block-heading\n              >Flexibility and control are the key to open source Linux\n              development</dds-content-block-heading\n            >\n            <dds-content-block-copy allowHTML=\"false\" size=\"sm\"\n              >${copy}</dds-content-block-copy\n            >\n            <dds-text-cta\n              slot=\"footer\"\n              cta-type=\"local\"\n              href=\"https://example.com\">\n              Explore supply chain consulting services\n            </dds-text-cta>\n          </dds-content-block-simple>\n        </div>\n      </div>\n    </div>\n  </main>\n`;\n\nexport const StoryContent = () =>\n  html`\n    <dds-leadspace\n      size=\"medium\"\n      gradient-style-scheme=\"\"\n      alt=\"Image alt text\"\n      default-src=\"${leadspaceImg}\"\n      data-autoid=\"dds--leadspace\">\n      <dds-leadspace-heading role=\"heading\" aria-level=\"1\" slot=\"heading\"\n        >Linux servers and operating systems</dds-leadspace-heading\n      >\n      Optimize your IT infrastructure — on-premises and in the cloud — with the\n      flexibility and control that comes with open source development\n      <dds-button-group\n        slot=\"action\"\n        role=\"list\"\n        style=\"--dds--button-group--item-count:2;\">\n        <dds-button-group-item\n          aria-label=\"\"\n          href=\"https://example.com\"\n          role=\"listitem\"\n          icon-layout=\"\"\n          kind=\"tertiary\"\n          size=\"\"\n          >Try it on premises<svg\n            focusable=\"false\"\n            preserveAspectRatio=\"xMidYMid meet\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n            fill=\"currentColor\"\n            aria-hidden=\"true\"\n            width=\"20\"\n            height=\"20\"\n            viewBox=\"0 0 20 20\"\n            slot=\"icon\">\n            <path\n              d=\"M11.8 2.8L10.8 3.8 16.2 9.3 1 9.3 1 10.7 16.2 10.7 10.8 16.2 11.8 17.2 19 10z\"></path></svg\n        ></dds-button-group-item>\n        <dds-button-group-item\n          aria-label=\"\"\n          href=\"https://example.com\"\n          role=\"listitem\"\n          icon-layout=\"\"\n          kind=\"primary\"\n          size=\"\"\n          >Try it on cloud<svg\n            focusable=\"false\"\n            preserveAspectRatio=\"xMidYMid meet\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n            fill=\"currentColor\"\n            aria-hidden=\"true\"\n            width=\"20\"\n            height=\"20\"\n            viewBox=\"0 0 20 20\"\n            slot=\"icon\">\n            <path\n              d=\"M11.8 2.8L10.8 3.8 16.2 9.3 1 9.3 1 10.7 16.2 10.7 10.8 16.2 11.8 17.2 19 10z\"></path></svg\n        ></dds-button-group-item>\n      </dds-button-group>\n      <dds-leadspace-image\n        slot=\"image\"\n        alt=\"Image alt text\"\n        default-src=\"${leadspaceImg}\"\n        data-autoid=\"dds--image\">\n        <dds-image-item\n          media=\"(min-width: 672px)\"\n          srcset=\"${leadspaceImg}\"></dds-image-item>\n        <dds-image-item\n          media=\"(min-width: 0)\"\n          srcset=\"${leadspaceImg}\"></dds-image-item>\n      </dds-leadspace-image>\n    </dds-leadspace>\n    <main>\n      <div class=\"bx--grid bx--grid--narrow\">\n        <div class=\"bx--row\">\n          <div class=\"bx--col-sm-4 bx--col-md-8 bx--col-lg-12 bx--offset-lg-4\">\n            <dds-content-block-simple complementary-style-scheme=\"with-border\">\n              <dds-content-block-heading\n                >Flexibility and control are the key to open source Linux\n                development</dds-content-block-heading\n              >\n              <dds-content-block-copy allowHTML=\"false\" size=\"sm\"\n                >${copy}</dds-content-block-copy\n              >\n              <dds-text-cta\n                slot=\"footer\"\n                cta-type=\"local\"\n                href=\"https://example.com\">\n                Explore supply chain consulting services\n              </dds-text-cta>\n            </dds-content-block-simple>\n          </div>\n        </div>\n        <div class=\"bx--row\">\n          <div class=\"bx--col-sm-4 bx--col-md-8 bx--col-lg-12 bx--offset-lg-4\">\n            <dds-content-block-simple>\n              <dds-content-block-heading\n                >What sets IBM Linux servers apart?</dds-content-block-heading\n              >\n              <dds-link-list type=\"default\" slot=\"complementary\">\n                <dds-link-list-heading>Resources</dds-link-list-heading>\n                <dds-link-list-item-card-cta\n                  href=\"https://example.com\"\n                  cta-type=\"local\">\n                  <p>Read the solution brief</p>\n                  <dds-card-cta-footer></dds-card-cta-footer>\n                </dds-link-list-item-card-cta>\n                <dds-link-list-item-card-cta\n                  href=\"https://example.com\"\n                  cta-type=\"external\">\n                  <p>What is LinuxOne?</p>\n                  <dds-card-cta-footer></dds-card-cta-footer>\n                </dds-link-list-item-card-cta>\n              </dds-link-list>\n              <dds-content-block-copy>\n                <dds-content-item>\n                  <dds-content-item-heading\n                    >Industry-leading performance</dds-content-item-heading\n                  >\n                  <dds-content-item-copy\n                    >Potential for 30% improvement in transactional response\n                    time with fast data retrieval and queries, plus disk space\n                    compression.</dds-content-item-copy\n                  >\n                </dds-content-item>\n                <dds-content-item>\n                  <dds-content-item-heading\n                    >Advanced protection</dds-content-item-heading\n                  >\n                  <dds-content-item-copy\n                    >Sophisticated authorization, encryption at rest and in\n                    transit, and comprehensive security controls for managing\n                    GDPR compliance.</dds-content-item-copy\n                  >\n                </dds-content-item>\n                <dds-content-item>\n                  <dds-content-item-heading\n                    >Continuous availability</dds-content-item-heading\n                  >\n                  <dds-content-item-copy\n                    >Auto resynchronization and recovery plus clustering with\n                    IBM pureScale® to keep your business running\n                    24x7.</dds-content-item-copy\n                  >\n                </dds-content-item>\n                <dds-content-item>\n                  <dds-content-item-heading\n                    >Automated administration and\n                    tooling</dds-content-item-heading\n                  >\n                  <dds-content-item-copy\n                    >Automatic setup, optimization, diagnostics and management\n                    of the database environment to save administration time and\n                    cut maintenance costs.</dds-content-item-copy\n                  >\n                </dds-content-item>\n                <dds-content-item>\n                  <dds-content-item-heading\n                    >Multiple data types and languages</dds-content-item-heading\n                  >\n                  <dds-content-item-copy\n                    >Integration with multiple platforms to build robust apps.\n                    Supports NoSQL, pureXML, Graph and JSON, Java, .Net, Ruby,\n                    Python, Perl and more.</dds-content-item-copy\n                  >\n                </dds-content-item>\n                <dds-content-item>\n                  <dds-content-item-heading>Scaling</dds-content-item-heading>\n                  <dds-content-item-copy\n                    >Elastic scaling of up to 128 machines in multicloud and\n                    hybrid environments to reduce storage costs, plus data\n                    federation to eliminate data silos.</dds-content-item-copy\n                  >\n                </dds-content-item>\n              </dds-content-block-copy>\n            </dds-content-block-simple>\n          </div>\n        </div>\n      </div>\n      <div class=\"bx--grid bx--no-gutter\">\n        <div class=\"bx--row\">\n          <div class=\"bx--col-sm-4 bx--col-md-8 bx--col-lg-8 bx--offset-lg-4\">\n            <dds-content-group-simple>\n              <dds-content-group-heading\n                >See how it works</dds-content-group-heading\n              >\n              <dds-feature-card href=\"https://example.com\">\n                <dds-image\n                  slot=\"image\"\n                  alt=\"Feature card image\"\n                  default-src=\"${imgLg1x1}\"></dds-image>\n                <dds-card-heading\n                  >Discover how innovative companies are using open source\n                  technology to ignite collaboration</dds-card-heading\n                >\n                <dds-feature-card-footer>\n                  ${ArrowRight20({ slot: 'icon' })}\n                </dds-feature-card-footer>\n              </dds-feature-card>\n            </dds-content-group-simple>\n          </div>\n        </div>\n      </div>\n      <div class=\"bx--grid bx--no-gutter\">\n        <div class=\"bx--row\">\n          <div class=\"bx--col-sm-4 bx--col-md-8 bx--col-lg-16\">\n            <dds-card-section-simple>\n              <dds-content-section-heading\n                >Linux operating systems</dds-content-section-heading\n              >\n              <dds-card-group>\n                <dds-card-group-item href=\"https://example.com\">\n                  <dds-card-heading>Linux OS on mainframes</dds-card-heading>\n                  Linux on IBM mainframes lets you transform your application\n                  and data portfolio with data privacy, security, and cyber\n                  resiliency.\n                  <dds-card-cta-footer slot=\"footer\">\n                    ${ArrowRight20({ slot: 'icon' })}\n                  </dds-card-cta-footer>\n                </dds-card-group-item>\n                <dds-card-group-item href=\"https://example.com\">\n                  <dds-card-heading>Linux OS on LinuxONE</dds-card-heading>\n                  <p>\n                    Transform your application and data portfolio with\n                    innovative data privacy, security and cyber resiliency\n                    capabilities, plus minimal downtime.\n                  </p>\n                  <dds-card-cta-footer slot=\"footer\">\n                    ${ArrowRight20({ slot: 'icon' })}\n                  </dds-card-cta-footer>\n                </dds-card-group-item>\n                <dds-card-group-item href=\"https://example.com\">\n                  <dds-card-heading>Linux OS on Power Systems</dds-card-heading>\n                  <p>\n                    Process massive amounts of data quickly, efficiently and\n                    cost-effectively on an open, scalable infrastructure with\n                    built-in acceleration.\n                  </p>\n                  <dds-card-cta-footer slot=\"footer\">\n                    ${ArrowRight20({ slot: 'icon' })}\n                  </dds-card-cta-footer>\n                </dds-card-group-item>\n              </dds-card-group>\n            </dds-card-section-simple>\n          </div>\n        </div>\n      </div>\n\n      <div class=\"bx--grid bx--no-gutter\">\n        <div class=\"bx--row\">\n          <div class=\"bx--col-sm-4 bx--col-md-8 bx--col-lg-16\">\n            <dds-cta-section>\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                  >Get started with Linux servers and operating systems at the\n                  foundation of your IT infrastructure.</dds-content-block-copy\n                >\n                <dds-button-group\n                  slot=\"action\"\n                  role=\"list\"\n                  style=\"--dds--button-group--item-count:2;\">\n                  <dds-button-group-item\n                    aria-label=\"\"\n                    href=\"https://example.com\"\n                    role=\"listitem\"\n                    icon-layout=\"\"\n                    kind=\"tertiary\"\n                    size=\"\"\n                    >Try it on premises<svg\n                      focusable=\"false\"\n                      preserveAspectRatio=\"xMidYMid meet\"\n                      xmlns=\"http://www.w3.org/2000/svg\"\n                      fill=\"currentColor\"\n                      aria-hidden=\"true\"\n                      width=\"20\"\n                      height=\"20\"\n                      viewBox=\"0 0 20 20\"\n                      slot=\"icon\">\n                      <path\n                        d=\"M11.8 2.8L10.8 3.8 16.2 9.3 1 9.3 1 10.7 16.2 10.7 10.8 16.2 11.8 17.2 19 10z\"></path></svg\n                  ></dds-button-group-item>\n                  <dds-button-group-item\n                    aria-label=\"\"\n                    href=\"https://example.com\"\n                    role=\"listitem\"\n                    icon-layout=\"\"\n                    kind=\"primary\"\n                    size=\"\"\n                    >Try it on cloud<svg\n                      focusable=\"false\"\n                      preserveAspectRatio=\"xMidYMid meet\"\n                      xmlns=\"http://www.w3.org/2000/svg\"\n                      fill=\"currentColor\"\n                      aria-hidden=\"true\"\n                      width=\"20\"\n                      height=\"20\"\n                      viewBox=\"0 0 20 20\"\n                      slot=\"icon\">\n                      <path\n                        d=\"M11.8 2.8L10.8 3.8 16.2 9.3 1 9.3 1 10.7 16.2 10.7 10.8 16.2 11.8 17.2 19 10z\"></path></svg\n                  ></dds-button-group-item>\n                </dds-button-group>\n                <dds-link-list slot=\"link-list\" type=\"end\">\n                  <dds-link-list-heading\n                    >More ways to explore Linux servers</dds-link-list-heading\n                  >\n                  <dds-link-list-item href=\"https://example.com\">\n                    Products ${ArrowRight20({ slot: 'icon' })}\n                  </dds-link-list-item>\n                  <dds-link-list-item href=\"https://example.com\">\n                    Blogs ${ArrowRight20({ slot: 'icon' })}\n                  </dds-link-list-item>\n                  <dds-link-list-item href=\"https://example.com\">\n                    Latest research ${ArrowRight20({ slot: 'icon' })}\n                  </dds-link-list-item>\n                  <dds-link-list-item href=\"https://example.com\">\n                    Key concepts ${ArrowRight20({ slot: 'icon' })}\n                  </dds-link-list-item>\n                  <dds-link-list-item href=\"https://example.com\">\n                    Client stories ${ArrowRight20({ slot: 'icon' })}\n                  </dds-link-list-item>\n                  <dds-link-list-item href=\"https://example.com\">\n                    Training ${ArrowRight20({ slot: 'icon' })}\n                  </dds-link-list-item>\n                  <dds-link-list-item href=\"https://example.com\">\n                    Analyst insights ${ArrowRight20({ slot: 'icon' })}\n                  </dds-link-list-item>\n                  <dds-link-list-item href=\"https://example.com\">\n                    Events ${ArrowRight20({ slot: 'icon' })}\n                  </dds-link-list-item>\n                  <dds-link-list-item href=\"https://example.com\">\n                    Partners ${ArrowRight20({ slot: 'icon' })}\n                  </dds-link-list-item>\n                </dds-link-list>\n              </dds-cta-block>\n            </dds-cta-section>\n          </div>\n        </div>\n      </div>\n      <div class=\"bx--grid bx--grid--narrow\">\n        <div class=\"bx--row\">\n          <div class=\"bx--col-sm-4 bx--col-md-8 bx--col-lg-12 bx--offset-lg-4\">\n            <dds-content-block-simple>\n              <dds-content-block-heading\n                >Learn more by going to the next\n                page?</dds-content-block-heading\n              >\n              <dds-content-block-copy>\n                <dds-button-expressive\n                  kind=\"primary\"\n                  @click=${() => {\n                    // @ts-ignore\n                    const main: Element = document\n                      .querySelector('dds-dotcom-shell-container')\n                      .querySelector('main');\n                    render(FauxNextPage, main);\n                  }}>\n                  Next page\n                  <svg\n                    slot=\"icon\"\n                    focusable=\"false\"\n                    preserveAspectRatio=\"xMidYMid meet\"\n                    xmlns=\"http://www.w3.org/2000/svg\"\n                    aria-hidden=\"true\"\n                    width=\"20\"\n                    height=\"20\"\n                    viewBox=\"0 0 20 20\">\n                    <path\n                      d=\"M11.8 2.8L10.8 3.8 16.2 9.3 1 9.3 1 10.7 16.2 10.7 10.8 16.2 11.8 17.2 19 10z\"></path>\n                  </svg>\n                </dds-button-expressive>\n              </dds-content-block-copy>\n            </dds-content-block-simple>\n          </div>\n        </div>\n      </div>\n    </main>\n  `;\n\nexport default StoryContent;\n"],"mappings":";;;;;;;;AAOA,IAAAA,WAAA,GAAAC,OAAA;AACA,IAAAC,QAAA,GAAAD,OAAA;AACAA,OAAA;AACAA,OAAA;AACAA,OAAA;AACAA,OAAA;AACAA,OAAA;AACAA,OAAA;AACAA,OAAA;AACAA,OAAA;AACAA,OAAA;AAEA,IAAAE,CAAA,GAAAC,sBAAA,CAAAH,OAAA;AACA,IAAAI,WAAA,GAAAD,sBAAA,CAAAH,OAAA;AACA,IAAAK,aAAA,GAAAF,sBAAA,CAAAH,OAAA;AAAiG,IAAAM,eAAA,EAAAC,gBAAA;AArBjG;AACA;AACA;AACA;AACA;AACA;AAkBA,IAAMC,IAAI,4XAGoD;;AAE9D;AACA;AACA,IAAMC,YAAY,OAAGC,gBAAI,EAAAJ,eAAA,KAAAA,eAAA,OAAAK,uBAAA,k4BAWRH,IAAI,CAapB;AAEM,IAAMI,YAAY,GAAAC,OAAA,CAAAD,YAAA,GAAG,SAAfA,YAAYA,CAAA;EAAA,WACvBF,gBAAI,EAAAH,gBAAA,KAAAA,gBAAA,OAAAI,uBAAA,m4fAKeG,wBAAY,EAuDVA,wBAAY,EAIfA,wBAAY,EAGZA,wBAAY,EAabN,IAAI,EA4GUO,sBAAQ,EAMrB,IAAAC,YAAY,EAAC;IAAEC,IAAI,EAAE;EAAO,CAAC,CAAC,EAqB5B,IAAAD,YAAY,EAAC;IAAEC,IAAI,EAAE;EAAO,CAAC,CAAC,EAW9B,IAAAD,YAAY,EAAC;IAAEC,IAAI,EAAE;EAAO,CAAC,CAAC,EAW9B,IAAAD,YAAY,EAAC;IAAEC,IAAI,EAAE;EAAO,CAAC,CAAC,EAuErB,IAAAD,YAAY,EAAC;IAAEC,IAAI,EAAE;EAAO,CAAC,CAAC,EAGjC,IAAAD,YAAY,EAAC;IAAEC,IAAI,EAAE;EAAO,CAAC,CAAC,EAGpB,IAAAD,YAAY,EAAC;IAAEC,IAAI,EAAE;EAAO,CAAC,CAAC,EAGjC,IAAAD,YAAY,EAAC;IAAEC,IAAI,EAAE;EAAO,CAAC,CAAC,EAG5B,IAAAD,YAAY,EAAC;IAAEC,IAAI,EAAE;EAAO,CAAC,CAAC,EAGpC,IAAAD,YAAY,EAAC;IAAEC,IAAI,EAAE;EAAO,CAAC,CAAC,EAGtB,IAAAD,YAAY,EAAC;IAAEC,IAAI,EAAE;EAAO,CAAC,CAAC,EAGxC,IAAAD,YAAY,EAAC;IAAEC,IAAI,EAAE;EAAO,CAAC,CAAC,EAG5B,IAAAD,YAAY,EAAC;IAAEC,IAAI,EAAE;EAAO,CAAC,CAAC,EAmBlC,YAAM;IACb;IACA,IAAMC,IAAa,GAAGC,QAAQ,CAC3BC,aAAa,CAAC,4BAA4B,CAAC,CAC3CA,aAAa,CAAC,MAAM,CAAC;IACxB,IAAAC,eAAM,EAACZ,YAAY,EAAES,IAAI,CAAC;EAC5B,CAAC;AAAA,CAqBhB;AAAC,IAAAI,QAAA,GAAAT,OAAA,cAEWD,YAAY"}

package/es/components/back-to-top/back-to-top.js

@@ -282,6 +282,5 @@ var DDSBackToTop = (0, _decorate2["default"])([(0, _carbonElement.carbonElement)
   };
 }, (0, _hostListener2["default"])((0, _stableSelector["default"])(_litElement.LitElement)));
 /* @__GENERATE_REACT_CUSTOM_ELEMENT_TYPE__ */
-var _default = DDSBackToTop;
-exports["default"] = _default;
+var _default = exports["default"] = DDSBackToTop;
 //# sourceMappingURL=back-to-top.js.map

package/es/components/back-to-top/back-to-top.js.map

@@ -1 +1 @@
-{"version":3,"file":"back-to-top.js","names":["_litElement","require","_hostListener","_interopRequireDefault","_hostListener2","_settings","_throttle","_","_settings2","_backToTopCss","_stableSelector","_carbonElement","_templateObject","_createSuper","Derived","hasNativeReflectConstruct","_isNativeReflectConstruct","_createSuperInternal","Super","_getPrototypeOf2","result","NewTarget","constructor","Reflect","construct","arguments","apply","_possibleConstructorReturn2","sham","Proxy","Boolean","prototype","valueOf","call","e","prefix","settings","ddsPrefix","ddsSettings","stablePrefix","DDSBackToTop","_decorate2","customElement","concat","_initialize","_HostListenerMixin","_HostListenerMixin2","_inherits2","_super","_this","_classCallCheck2","_len","length","args","Array","_key","_assertThisInitialized2","_createClass2","F","d","kind","key","value","_handleOnClick","ownerDocument","defaultView","scrollTo","top","behavior","body","tabIndex","focus","preventScroll","removeAttribute","_manageVisibility","_isBackToTopNeededForPage","hidden","scrollingElement","scrollTop","_viewportHeight","_handleOnScroll","_cleanAndCreateObserverResize","_ref","undefined","create","_observerResizeBody","disconnect","ResizeObserver","_handleBodyResize","observe","_this2","entries","_bodyHeight","target","scrollHeight","_this$ownerDocument$d","innerHeight","decorators","property","type","reflect","attribute","HostListener","_this3","event","_throttleScroll","connectedCallback","_get2","throttle","disconnectedCallback","cancel","firstUpdated","render","backToTopAssistiveText","handleOnClick","html","_taggedTemplateLiteral2","UpToTop20","stableSelector","styles","HostListenerMixin","StableSelectorMixin","LitElement","_default","exports"],"sources":["components/back-to-top/back-to-top.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2021, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { html, property, LitElement } from 'lit-element';\nimport HostListener from '../../internal/vendor/@carbon/web-components/globals/decorators/host-listener.js';\nimport HostListenerMixin from '../../internal/vendor/@carbon/web-components/globals/mixins/host-listener.js';\nimport settings from 'carbon-components/es/globals/js/settings.js';\nimport throttle from 'lodash-es/throttle.js';\nimport UpToTop20 from '../../internal/vendor/@carbon/web-components/icons/up-to-top/20.js';\nimport ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';\nimport styles from './back-to-top.scss';\nimport StableSelectorMixin from '../../globals/mixins/stable-selector';\nimport { carbonElement as customElement } from '../../internal/vendor/@carbon/web-components/globals/decorators/carbon-element.js';\n\nconst { prefix } = settings;\nconst { stablePrefix: ddsPrefix } = ddsSettings;\ninterface Cancelable {\n  cancel(): void;\n}\n\n/**\n * Back to top\n *\n * @element dds-back-to-top\n */\n@customElement(`${ddsPrefix}-back-to-top`)\nclass DDSBackToTop extends HostListenerMixin(StableSelectorMixin(LitElement)) {\n  /**\n   * The observer for the resize of the document body.\n   */\n  private _observerResizeBody: any | null = null; // TODO: Wait for `.d.ts` update to support `ResizeObserver`\n\n  /**\n   * The document height\n   */\n  private _bodyHeight!: number;\n\n  /**\n   * The viewport height\n   */\n  private _viewportHeight!: number;\n\n  /**\n   * The handler for throttled scrolling\n   */\n  private _throttleScroll: (((event: Event) => void) & Cancelable) | null =\n    null;\n\n  /**\n   * Button click scrolls to top\n   */\n  private _handleOnClick() {\n    this.ownerDocument!.defaultView!.scrollTo({ top: 0, behavior: 'smooth' });\n    this.ownerDocument.body.tabIndex = 0;\n    this.ownerDocument.body.focus({ preventScroll: true });\n    this.ownerDocument.body.removeAttribute('tabindex');\n  }\n\n  /**\n   * Manage the visibility of the back to top button taking into consideration\n   * whether it's needed at all for the page, as well as the current scroll\n   * position. We show the button when needed and when the one full page\n   * length is scrolled.\n   */\n  private _manageVisibility() {\n    if (this._isBackToTopNeededForPage()) {\n      this.hidden =\n        this.ownerDocument!.scrollingElement!.scrollTop <= this._viewportHeight;\n    } else {\n      this.hidden = true;\n    }\n  }\n\n  /**\n   * Scroll handler to manage visibility.\n   */\n  private _handleOnScroll() {\n    this._manageVisibility();\n  }\n\n  /**\n   * Cleans-up and creats the resize observer for the scrolling container.\n   *\n   * @param [options] The options.\n   * @param [options.create] `true` to create the new resize observer.\n   */\n  private _cleanAndCreateObserverResize({ create }: { create?: boolean } = {}) {\n    if (this._observerResizeBody) {\n      this._observerResizeBody.disconnect();\n      this._observerResizeBody = null;\n    }\n    if (create) {\n      // TODO: Wait for `.d.ts` update to support `ResizeObserver`\n      // @ts-ignore\n      this._observerResizeBody = new ResizeObserver(this._handleBodyResize);\n      this._observerResizeBody.observe(this.ownerDocument!.body);\n    }\n  }\n\n  /**\n   * ResizeObserver callback function.\n   *\n   * We only observe the body element, therefore entries will typically only\n   * have a single item corresponding to changes in the size of the body\n   * element.\n   */\n  private _handleBodyResize = (entries: ResizeObserverEntry[]) => {\n    this._bodyHeight = entries[entries.length - 1].target.scrollHeight;\n    // Body height changes may require adjustment to the current visibility\n    // of the back to top button.\n    this._manageVisibility();\n  };\n\n  /**\n   * The back to top button is only necessary when the document height\n   * is 3x greater than the viewport.\n   */\n  private _isBackToTopNeededForPage() {\n    // @ts-ignore\n    this._viewportHeight = this.ownerDocument.defaultView?.innerHeight;\n    return this._bodyHeight > this._viewportHeight * 3;\n  }\n\n  /**\n   * `false` if the button should be visible\n   */\n  @property({ type: Boolean, reflect: true })\n  hidden = true;\n\n  /**\n   * Assistive text for back to top button.\n   */\n  @property({ attribute: 'back-to-top-assistive-text' })\n  backToTopAssistiveText = 'Back to top';\n\n  @HostListener('window:scroll')\n  // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to\n  private _handleScroll = (event: Event) => {\n    this._throttleScroll!(event);\n  };\n\n  connectedCallback() {\n    super.connectedCallback();\n    this._cleanAndCreateObserverResize({ create: true });\n    if (!this._throttleScroll) {\n      this._throttleScroll = throttle(this._handleOnScroll, 250);\n    }\n  }\n\n  disconnectedCallback() {\n    super.disconnectedCallback();\n    this._cleanAndCreateObserverResize();\n    if (this._throttleScroll) {\n      this._throttleScroll.cancel();\n      this._throttleScroll = null;\n    }\n  }\n\n  firstUpdated() {\n    this._cleanAndCreateObserverResize({ create: true });\n  }\n\n  render() {\n    const { backToTopAssistiveText, _handleOnClick: handleOnClick } = this;\n    return html`\n      <button\n        class=\"${prefix}--btn ${prefix}--btn--secondary ${prefix}--btn--icon-only ${prefix}--back-to-top__btn\"\n        aria-label=\"${backToTopAssistiveText}\"\n        @click=\"${handleOnClick}\">\n        ${UpToTop20()}\n      </button>\n    `;\n  }\n\n  static get stableSelector() {\n    return `${ddsPrefix}--back-to-top`;\n  }\n\n  static styles = styles;\n}\n\n/* @__GENERATE_REACT_CUSTOM_ELEMENT_TYPE__ */\nexport default DDSBackToTop;\n"],"mappings":"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"}
+{"version":3,"file":"back-to-top.js","names":["_litElement","require","_hostListener","_interopRequireDefault","_hostListener2","_settings","_throttle","_","_settings2","_backToTopCss","_stableSelector","_carbonElement","_templateObject","_createSuper","Derived","hasNativeReflectConstruct","_isNativeReflectConstruct","_createSuperInternal","Super","_getPrototypeOf2","result","NewTarget","constructor","Reflect","construct","arguments","apply","_possibleConstructorReturn2","sham","Proxy","Boolean","prototype","valueOf","call","e","prefix","settings","ddsPrefix","ddsSettings","stablePrefix","DDSBackToTop","_decorate2","customElement","concat","_initialize","_HostListenerMixin","_HostListenerMixin2","_inherits2","_super","_this","_classCallCheck2","_len","length","args","Array","_key","_assertThisInitialized2","_createClass2","F","d","kind","key","value","_handleOnClick","ownerDocument","defaultView","scrollTo","top","behavior","body","tabIndex","focus","preventScroll","removeAttribute","_manageVisibility","_isBackToTopNeededForPage","hidden","scrollingElement","scrollTop","_viewportHeight","_handleOnScroll","_cleanAndCreateObserverResize","_ref","undefined","create","_observerResizeBody","disconnect","ResizeObserver","_handleBodyResize","observe","_this2","entries","_bodyHeight","target","scrollHeight","_this$ownerDocument$d","innerHeight","decorators","property","type","reflect","attribute","HostListener","_this3","event","_throttleScroll","connectedCallback","_get2","throttle","disconnectedCallback","cancel","firstUpdated","render","backToTopAssistiveText","handleOnClick","html","_taggedTemplateLiteral2","UpToTop20","stableSelector","styles","HostListenerMixin","StableSelectorMixin","LitElement","_default","exports"],"sources":["components/back-to-top/back-to-top.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2021, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { html, property, LitElement } from 'lit-element';\nimport HostListener from '../../internal/vendor/@carbon/web-components/globals/decorators/host-listener.js';\nimport HostListenerMixin from '../../internal/vendor/@carbon/web-components/globals/mixins/host-listener.js';\nimport settings from 'carbon-components/es/globals/js/settings.js';\nimport throttle from 'lodash-es/throttle.js';\nimport UpToTop20 from '../../internal/vendor/@carbon/web-components/icons/up-to-top/20.js';\nimport ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';\nimport styles from './back-to-top.scss';\nimport StableSelectorMixin from '../../globals/mixins/stable-selector';\nimport { carbonElement as customElement } from '../../internal/vendor/@carbon/web-components/globals/decorators/carbon-element.js';\n\nconst { prefix } = settings;\nconst { stablePrefix: ddsPrefix } = ddsSettings;\ninterface Cancelable {\n  cancel(): void;\n}\n\n/**\n * Back to top\n *\n * @element dds-back-to-top\n */\n@customElement(`${ddsPrefix}-back-to-top`)\nclass DDSBackToTop extends HostListenerMixin(StableSelectorMixin(LitElement)) {\n  /**\n   * The observer for the resize of the document body.\n   */\n  private _observerResizeBody: any | null = null; // TODO: Wait for `.d.ts` update to support `ResizeObserver`\n\n  /**\n   * The document height\n   */\n  private _bodyHeight!: number;\n\n  /**\n   * The viewport height\n   */\n  private _viewportHeight!: number;\n\n  /**\n   * The handler for throttled scrolling\n   */\n  private _throttleScroll: (((event: Event) => void) & Cancelable) | null =\n    null;\n\n  /**\n   * Button click scrolls to top\n   */\n  private _handleOnClick() {\n    this.ownerDocument!.defaultView!.scrollTo({ top: 0, behavior: 'smooth' });\n    this.ownerDocument.body.tabIndex = 0;\n    this.ownerDocument.body.focus({ preventScroll: true });\n    this.ownerDocument.body.removeAttribute('tabindex');\n  }\n\n  /**\n   * Manage the visibility of the back to top button taking into consideration\n   * whether it's needed at all for the page, as well as the current scroll\n   * position. We show the button when needed and when the one full page\n   * length is scrolled.\n   */\n  private _manageVisibility() {\n    if (this._isBackToTopNeededForPage()) {\n      this.hidden =\n        this.ownerDocument!.scrollingElement!.scrollTop <= this._viewportHeight;\n    } else {\n      this.hidden = true;\n    }\n  }\n\n  /**\n   * Scroll handler to manage visibility.\n   */\n  private _handleOnScroll() {\n    this._manageVisibility();\n  }\n\n  /**\n   * Cleans-up and creats the resize observer for the scrolling container.\n   *\n   * @param [options] The options.\n   * @param [options.create] `true` to create the new resize observer.\n   */\n  private _cleanAndCreateObserverResize({ create }: { create?: boolean } = {}) {\n    if (this._observerResizeBody) {\n      this._observerResizeBody.disconnect();\n      this._observerResizeBody = null;\n    }\n    if (create) {\n      // TODO: Wait for `.d.ts` update to support `ResizeObserver`\n      // @ts-ignore\n      this._observerResizeBody = new ResizeObserver(this._handleBodyResize);\n      this._observerResizeBody.observe(this.ownerDocument!.body);\n    }\n  }\n\n  /**\n   * ResizeObserver callback function.\n   *\n   * We only observe the body element, therefore entries will typically only\n   * have a single item corresponding to changes in the size of the body\n   * element.\n   */\n  private _handleBodyResize = (entries: ResizeObserverEntry[]) => {\n    this._bodyHeight = entries[entries.length - 1].target.scrollHeight;\n    // Body height changes may require adjustment to the current visibility\n    // of the back to top button.\n    this._manageVisibility();\n  };\n\n  /**\n   * The back to top button is only necessary when the document height\n   * is 3x greater than the viewport.\n   */\n  private _isBackToTopNeededForPage() {\n    // @ts-ignore\n    this._viewportHeight = this.ownerDocument.defaultView?.innerHeight;\n    return this._bodyHeight > this._viewportHeight * 3;\n  }\n\n  /**\n   * `false` if the button should be visible\n   */\n  @property({ type: Boolean, reflect: true })\n  hidden = true;\n\n  /**\n   * Assistive text for back to top button.\n   */\n  @property({ attribute: 'back-to-top-assistive-text' })\n  backToTopAssistiveText = 'Back to top';\n\n  @HostListener('window:scroll')\n  // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to\n  private _handleScroll = (event: Event) => {\n    this._throttleScroll!(event);\n  };\n\n  connectedCallback() {\n    super.connectedCallback();\n    this._cleanAndCreateObserverResize({ create: true });\n    if (!this._throttleScroll) {\n      this._throttleScroll = throttle(this._handleOnScroll, 250);\n    }\n  }\n\n  disconnectedCallback() {\n    super.disconnectedCallback();\n    this._cleanAndCreateObserverResize();\n    if (this._throttleScroll) {\n      this._throttleScroll.cancel();\n      this._throttleScroll = null;\n    }\n  }\n\n  firstUpdated() {\n    this._cleanAndCreateObserverResize({ create: true });\n  }\n\n  render() {\n    const { backToTopAssistiveText, _handleOnClick: handleOnClick } = this;\n    return html`\n      <button\n        class=\"${prefix}--btn ${prefix}--btn--secondary ${prefix}--btn--icon-only ${prefix}--back-to-top__btn\"\n        aria-label=\"${backToTopAssistiveText}\"\n        @click=\"${handleOnClick}\">\n        ${UpToTop20()}\n      </button>\n    `;\n  }\n\n  static get stableSelector() {\n    return `${ddsPrefix}--back-to-top`;\n  }\n\n  static styles = styles;\n}\n\n/* @__GENERATE_REACT_CUSTOM_ELEMENT_TYPE__ */\nexport default DDSBackToTop;\n"],"mappings":"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"}

package/es/components/background-media/background-media.js

@@ -209,7 +209,7 @@ var DDSBackgroundMedia = (0, _decorate2["default"])([(0, _carbonElement.carbonEl
       key: "toggleVideoState",
       value: function toggleVideoState() {
         var _this$videoPlayer;
-        (_this$videoPlayer = this.videoPlayer) === null || _this$videoPlayer === void 0 ? void 0 : _this$videoPlayer.userInitiatedTogglePlaybackState();
+        (_this$videoPlayer = this.videoPlayer) === null || _this$videoPlayer === void 0 || _this$videoPlayer.userInitiatedTogglePlaybackState();
         this.videoIsPlaying = !this.videoIsPlaying;
       }
     }, {
@@ -245,8 +245,8 @@ var DDSBackgroundMedia = (0, _decorate2["default"])([(0, _carbonElement.carbonEl
       value: function updated() {
         // mobilePosition attribute deprecated
         if (this.mobilePosition === _defs.MOBILE_POSITION.TOP) {
-          var _this$parentElement, _this$parentElement$s;
-          (_this$parentElement = this.parentElement) === null || _this$parentElement === void 0 ? void 0 : (_this$parentElement$s = _this$parentElement.shadowRoot) === null || _this$parentElement$s === void 0 ? void 0 : _this$parentElement$s.prepend(this);
+          var _this$parentElement;
+          (_this$parentElement = this.parentElement) === null || _this$parentElement === void 0 || (_this$parentElement = _this$parentElement.shadowRoot) === null || _this$parentElement === void 0 || _this$parentElement.prepend(this);
         }
         if (this.parentElement instanceof _leadspace["default"]) {
           this.gradientHidden = true;
@@ -279,6 +279,5 @@ var DDSBackgroundMedia = (0, _decorate2["default"])([(0, _carbonElement.carbonEl
   };
 }, _image["default"]);
 /* @__GENERATE_REACT_CUSTOM_ELEMENT_TYPE__ */
-var _default = DDSBackgroundMedia;
-exports["default"] = _default;
+var _default = exports["default"] = DDSBackgroundMedia;
 //# sourceMappingURL=background-media.js.map

package/es/components/background-media/background-media.js.map

@@ -1 +1 @@
-{"version":3,"file":"background-media.js","names":["_litElement","require","_classMap3","_settings","_interopRequireDefault","_","_2","_settings2","_backgroundMediaCss","_defs","_image","_leadspace","_carbonElement","_templateObject","_templateObject2","_templateObject3","_createSuper","Derived","hasNativeReflectConstruct","_isNativeReflectConstruct","_createSuperInternal","Super","_getPrototypeOf2","result","NewTarget","constructor","Reflect","construct","arguments","apply","_possibleConstructorReturn2","sham","Proxy","Boolean","prototype","valueOf","call","e","prefix","settings","ddsPrefix","ddsSettings","stablePrefix","DDSBackgroundMedia","_decorate2","customElement","concat","_initialize","_DDSImage","_DDSImage2","_inherits2","_super","_this","_classCallCheck2","_len","length","args","Array","_key","_assertThisInitialized2","_createClass2","F","d","kind","key","value","_getGradientClass","_classMap","classMap","_defineProperty2","gradientDirection","_getMobilePositionClass","_classMap2","mobilePosition","videoPlayer","decorators","property","attribute","reflect","GRADIENT_DIRECTION","LEFT_TO_RIGHT","MOBILE_POSITION","BOTTOM","_handleBackgroundMedia","event","_event$target","assignedElements","target","assignedImages","filter","el","tagName","toUpperCase","assignedVideos","containsOnlyImages","_assignedVideos","_slicedToArray2","video","videoId","getAttribute","querySelector","videoIsPlaying","isPlaying","toggleVideoState","_this$videoPlayer","userInitiatedTogglePlaybackState","renderVideoControls","html","_taggedTemplateLiteral2","pauseIcon","playIcon","renderGradient","_getMediaOpacity","backgroundOpacity","updated","TOP","_this$parentElement","_this$parentElement$s","parentElement","shadowRoot","prepend","DDSLeadSpace","gradientHidden","hasAttribute","render","_get2","stableSelector","styles","DDSImage","_default","exports"],"sources":["components/background-media/background-media.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2021, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { html, property } from 'lit-element';\nimport { classMap } from 'lit-html/directives/class-map.js';\nimport settings from 'carbon-components/es/globals/js/settings.js';\nimport pauseIcon from '../../internal/vendor/@carbon/web-components/icons/pause--outline--filled/32.js';\nimport playIcon from '../../internal/vendor/@carbon/web-components/icons/play--filled/32.js';\nimport ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';\nimport styles from './background-media.scss';\nimport { GRADIENT_DIRECTION, MOBILE_POSITION } from './defs';\nimport DDSImage from '../image/image';\nimport DDSVideoPlayer from '../video-player/video-player';\nimport DDSVideoPlayerContainer from '../video-player/video-player-container';\nimport DDSLeadSpace from '../leadspace/leadspace';\nimport { carbonElement as customElement } from '../../internal/vendor/@carbon/web-components/globals/decorators/carbon-element.js';\n\nconst { prefix } = settings;\nconst { stablePrefix: ddsPrefix } = ddsSettings;\n\n/**\n * Background media.\n *\n * @element dds-background-media\n */\n\n@customElement(`${ddsPrefix}-background-media`)\nclass DDSBackgroundMedia extends DDSImage {\n  /**\n   * Returns a class-name based on the Gradient Direction type\n   */\n  protected _getGradientClass() {\n    return classMap({\n      [`${prefix}--background-media--gradient`]: true,\n      [`${prefix}--background-media--gradient--${this.gradientDirection}`]:\n        this.gradientDirection,\n    });\n  }\n\n  /**\n   * Returns a class-name based on the Mobile Position type\n   */\n  protected _getMobilePositionClass() {\n    return classMap({\n      [`${prefix}--background-media--container`]: true,\n      [`${prefix}--background-media--mobile-position`]: true,\n      [`${prefix}--background-media--mobile-position--${this.mobilePosition}`]:\n        this.mobilePosition,\n      [`${prefix}--background-media--image`]: this.videoPlayer === null,\n      [`${prefix}--background-media--video`]: this.videoPlayer !== null,\n    });\n  }\n\n  /**\n   * The opacity of the background image or video. 100 is fully visible, 0 is fully transparent.\n   */\n  @property({ attribute: 'opacity', reflect: true })\n  backgroundOpacity: number = 100;\n\n  /**\n   * Set to true in _handleBackgroundMedia if all children are `dds-image-item`\n   */\n  @property()\n  containsOnlyImages = false;\n\n  /**\n   * Gradient Direction (left-to-right (default) | top-to-bottom)\n   */\n  @property({ attribute: 'gradient-direction', reflect: true })\n  gradientDirection = GRADIENT_DIRECTION.LEFT_TO_RIGHT;\n\n  /**\n   * Option to hide gradient. Automatically set to yes if parent is dds-leadspace\n   */\n  @property()\n  gradientHidden: boolean = false;\n\n  /**\n   * @deprecated\n   *\n   * Mobile Position (bottom (default) | top)\n   */\n  @property({ attribute: 'mobile-position', reflect: true })\n  mobilePosition = MOBILE_POSITION.BOTTOM;\n\n  /**\n   * Internal storage of the video ID\n   */\n  @property()\n  videoId: String | null = null;\n\n  /**\n   * Current state of video playback\n   */\n  @property()\n  videoIsPlaying: Boolean = false;\n\n  /**\n   * Internal storage of the video player comonent\n   */\n  @property()\n  videoPlayer: DDSVideoPlayer | null = null;\n\n  /**\n   * Conditionally runs super.render() if all children are `dds-image-item`\n   */\n  private _handleBackgroundMedia(event: Event) {\n    const assignedElements = (\n      event.target as HTMLSlotElement\n    )?.assignedElements();\n    const assignedImages = assignedElements.filter(\n      (el) => el.tagName === `${ddsPrefix}-image-item`.toUpperCase()\n    );\n    const assignedVideos = assignedElements.filter(\n      (el) => el.tagName === `${ddsPrefix}-video-player-container`.toUpperCase()\n    );\n\n    if (\n      assignedElements.length === assignedImages.length &&\n      !assignedVideos.length\n    ) {\n      this.containsOnlyImages = true;\n    }\n\n    if (assignedVideos.length) {\n      const [video] = assignedVideos;\n      this.videoId = video.getAttribute('video-id');\n      this.videoPlayer = video.querySelector(`${ddsPrefix}-video-player`);\n      this.videoIsPlaying = (video as DDSVideoPlayerContainer).isPlaying;\n    }\n  }\n\n  toggleVideoState() {\n    this.videoPlayer?.userInitiatedTogglePlaybackState();\n    this.videoIsPlaying = !this.videoIsPlaying;\n  }\n\n  renderVideoControls() {\n    const { toggleVideoState, videoIsPlaying } = this;\n\n    return html`\n      <button\n        @click=${toggleVideoState}\n        class=\"${prefix}--video-player__controls\"\n        aria-pressed=\"${!videoIsPlaying}\"\n        aria-label=\"${videoIsPlaying ? 'Pause the video' : 'Play the video'}\"\n        hasTooltip>\n        ${videoIsPlaying ? pauseIcon() : playIcon()}\n      </button>\n    `;\n  }\n\n  renderGradient() {\n    return html` <div class=\"${this._getGradientClass()}\"></div> `;\n  }\n\n  _getMediaOpacity() {\n    if (this.backgroundOpacity <= 100 && this.backgroundOpacity >= 0) {\n      return `opacity:${this.backgroundOpacity / 100}`;\n    }\n    return '';\n  }\n\n  /**\n   * Append the dds-background-media to the parent element where this component is being used.\n   */\n  updated() {\n    // mobilePosition attribute deprecated\n    if (this.mobilePosition === MOBILE_POSITION.TOP) {\n      this.parentElement?.shadowRoot?.prepend(this);\n    }\n\n    if (this.parentElement instanceof DDSLeadSpace) {\n      this.gradientHidden = true;\n    }\n\n    if (this.hasAttribute('default-src') && !this.videoId) {\n      this.containsOnlyImages = true;\n    }\n  }\n\n  render() {\n    return html`\n      <div class=\"${this._getMobilePositionClass()}\">\n        ${this.gradientHidden ? '' : this.renderGradient()}\n        <div\n          class=\"${prefix}--background-media--item\"\n          style=\"${this._getMediaOpacity()}\">\n          ${this.containsOnlyImages ? super.render() : ''}\n          <slot @slotchange=\"${this._handleBackgroundMedia}\"></slot>\n        </div>\n      </div>\n      ${this.videoId ? this.renderVideoControls() : ''}\n    `;\n  }\n\n  static get stableSelector() {\n    return `${ddsPrefix}--background-media`;\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 DDSBackgroundMedia;\n"],"mappings":"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"}
+{"version":3,"file":"background-media.js","names":["_litElement","require","_classMap3","_settings","_interopRequireDefault","_","_2","_settings2","_backgroundMediaCss","_defs","_image","_leadspace","_carbonElement","_templateObject","_templateObject2","_templateObject3","_createSuper","Derived","hasNativeReflectConstruct","_isNativeReflectConstruct","_createSuperInternal","Super","_getPrototypeOf2","result","NewTarget","constructor","Reflect","construct","arguments","apply","_possibleConstructorReturn2","sham","Proxy","Boolean","prototype","valueOf","call","e","prefix","settings","ddsPrefix","ddsSettings","stablePrefix","DDSBackgroundMedia","_decorate2","customElement","concat","_initialize","_DDSImage","_DDSImage2","_inherits2","_super","_this","_classCallCheck2","_len","length","args","Array","_key","_assertThisInitialized2","_createClass2","F","d","kind","key","value","_getGradientClass","_classMap","classMap","_defineProperty2","gradientDirection","_getMobilePositionClass","_classMap2","mobilePosition","videoPlayer","decorators","property","attribute","reflect","GRADIENT_DIRECTION","LEFT_TO_RIGHT","MOBILE_POSITION","BOTTOM","_handleBackgroundMedia","event","_event$target","assignedElements","target","assignedImages","filter","el","tagName","toUpperCase","assignedVideos","containsOnlyImages","_assignedVideos","_slicedToArray2","video","videoId","getAttribute","querySelector","videoIsPlaying","isPlaying","toggleVideoState","_this$videoPlayer","userInitiatedTogglePlaybackState","renderVideoControls","html","_taggedTemplateLiteral2","pauseIcon","playIcon","renderGradient","_getMediaOpacity","backgroundOpacity","updated","TOP","_this$parentElement","parentElement","shadowRoot","prepend","DDSLeadSpace","gradientHidden","hasAttribute","render","_get2","stableSelector","styles","DDSImage","_default","exports"],"sources":["components/background-media/background-media.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2021, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { html, property } from 'lit-element';\nimport { classMap } from 'lit-html/directives/class-map.js';\nimport settings from 'carbon-components/es/globals/js/settings.js';\nimport pauseIcon from '../../internal/vendor/@carbon/web-components/icons/pause--outline--filled/32.js';\nimport playIcon from '../../internal/vendor/@carbon/web-components/icons/play--filled/32.js';\nimport ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';\nimport styles from './background-media.scss';\nimport { GRADIENT_DIRECTION, MOBILE_POSITION } from './defs';\nimport DDSImage from '../image/image';\nimport DDSVideoPlayer from '../video-player/video-player';\nimport DDSVideoPlayerContainer from '../video-player/video-player-container';\nimport DDSLeadSpace from '../leadspace/leadspace';\nimport { carbonElement as customElement } from '../../internal/vendor/@carbon/web-components/globals/decorators/carbon-element.js';\n\nconst { prefix } = settings;\nconst { stablePrefix: ddsPrefix } = ddsSettings;\n\n/**\n * Background media.\n *\n * @element dds-background-media\n */\n\n@customElement(`${ddsPrefix}-background-media`)\nclass DDSBackgroundMedia extends DDSImage {\n  /**\n   * Returns a class-name based on the Gradient Direction type\n   */\n  protected _getGradientClass() {\n    return classMap({\n      [`${prefix}--background-media--gradient`]: true,\n      [`${prefix}--background-media--gradient--${this.gradientDirection}`]:\n        this.gradientDirection,\n    });\n  }\n\n  /**\n   * Returns a class-name based on the Mobile Position type\n   */\n  protected _getMobilePositionClass() {\n    return classMap({\n      [`${prefix}--background-media--container`]: true,\n      [`${prefix}--background-media--mobile-position`]: true,\n      [`${prefix}--background-media--mobile-position--${this.mobilePosition}`]:\n        this.mobilePosition,\n      [`${prefix}--background-media--image`]: this.videoPlayer === null,\n      [`${prefix}--background-media--video`]: this.videoPlayer !== null,\n    });\n  }\n\n  /**\n   * The opacity of the background image or video. 100 is fully visible, 0 is fully transparent.\n   */\n  @property({ attribute: 'opacity', reflect: true })\n  backgroundOpacity: number = 100;\n\n  /**\n   * Set to true in _handleBackgroundMedia if all children are `dds-image-item`\n   */\n  @property()\n  containsOnlyImages = false;\n\n  /**\n   * Gradient Direction (left-to-right (default) | top-to-bottom)\n   */\n  @property({ attribute: 'gradient-direction', reflect: true })\n  gradientDirection = GRADIENT_DIRECTION.LEFT_TO_RIGHT;\n\n  /**\n   * Option to hide gradient. Automatically set to yes if parent is dds-leadspace\n   */\n  @property()\n  gradientHidden: boolean = false;\n\n  /**\n   * @deprecated\n   *\n   * Mobile Position (bottom (default) | top)\n   */\n  @property({ attribute: 'mobile-position', reflect: true })\n  mobilePosition = MOBILE_POSITION.BOTTOM;\n\n  /**\n   * Internal storage of the video ID\n   */\n  @property()\n  videoId: String | null = null;\n\n  /**\n   * Current state of video playback\n   */\n  @property()\n  videoIsPlaying: Boolean = false;\n\n  /**\n   * Internal storage of the video player comonent\n   */\n  @property()\n  videoPlayer: DDSVideoPlayer | null = null;\n\n  /**\n   * Conditionally runs super.render() if all children are `dds-image-item`\n   */\n  private _handleBackgroundMedia(event: Event) {\n    const assignedElements = (\n      event.target as HTMLSlotElement\n    )?.assignedElements();\n    const assignedImages = assignedElements.filter(\n      (el) => el.tagName === `${ddsPrefix}-image-item`.toUpperCase()\n    );\n    const assignedVideos = assignedElements.filter(\n      (el) => el.tagName === `${ddsPrefix}-video-player-container`.toUpperCase()\n    );\n\n    if (\n      assignedElements.length === assignedImages.length &&\n      !assignedVideos.length\n    ) {\n      this.containsOnlyImages = true;\n    }\n\n    if (assignedVideos.length) {\n      const [video] = assignedVideos;\n      this.videoId = video.getAttribute('video-id');\n      this.videoPlayer = video.querySelector(`${ddsPrefix}-video-player`);\n      this.videoIsPlaying = (video as DDSVideoPlayerContainer).isPlaying;\n    }\n  }\n\n  toggleVideoState() {\n    this.videoPlayer?.userInitiatedTogglePlaybackState();\n    this.videoIsPlaying = !this.videoIsPlaying;\n  }\n\n  renderVideoControls() {\n    const { toggleVideoState, videoIsPlaying } = this;\n\n    return html`\n      <button\n        @click=${toggleVideoState}\n        class=\"${prefix}--video-player__controls\"\n        aria-pressed=\"${!videoIsPlaying}\"\n        aria-label=\"${videoIsPlaying ? 'Pause the video' : 'Play the video'}\"\n        hasTooltip>\n        ${videoIsPlaying ? pauseIcon() : playIcon()}\n      </button>\n    `;\n  }\n\n  renderGradient() {\n    return html` <div class=\"${this._getGradientClass()}\"></div> `;\n  }\n\n  _getMediaOpacity() {\n    if (this.backgroundOpacity <= 100 && this.backgroundOpacity >= 0) {\n      return `opacity:${this.backgroundOpacity / 100}`;\n    }\n    return '';\n  }\n\n  /**\n   * Append the dds-background-media to the parent element where this component is being used.\n   */\n  updated() {\n    // mobilePosition attribute deprecated\n    if (this.mobilePosition === MOBILE_POSITION.TOP) {\n      this.parentElement?.shadowRoot?.prepend(this);\n    }\n\n    if (this.parentElement instanceof DDSLeadSpace) {\n      this.gradientHidden = true;\n    }\n\n    if (this.hasAttribute('default-src') && !this.videoId) {\n      this.containsOnlyImages = true;\n    }\n  }\n\n  render() {\n    return html`\n      <div class=\"${this._getMobilePositionClass()}\">\n        ${this.gradientHidden ? '' : this.renderGradient()}\n        <div\n          class=\"${prefix}--background-media--item\"\n          style=\"${this._getMediaOpacity()}\">\n          ${this.containsOnlyImages ? super.render() : ''}\n          <slot @slotchange=\"${this._handleBackgroundMedia}\"></slot>\n        </div>\n      </div>\n      ${this.videoId ? this.renderVideoControls() : ''}\n    `;\n  }\n\n  static get stableSelector() {\n    return `${ddsPrefix}--background-media`;\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 DDSBackgroundMedia;\n"],"mappings":"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"}

package/es/components/background-media/defs.js

@@ -19,13 +19,11 @@ var GRADIENT_DIRECTION;
 /**
  * Mobile Position
  */
-exports.GRADIENT_DIRECTION = GRADIENT_DIRECTION;
 (function (GRADIENT_DIRECTION) {
   GRADIENT_DIRECTION["LEFT_TO_RIGHT"] = "left-to-right";
   GRADIENT_DIRECTION["TOP_TO_BOTTOM"] = "top-to-bottom";
 })(GRADIENT_DIRECTION || (exports.GRADIENT_DIRECTION = GRADIENT_DIRECTION = {}));
 var MOBILE_POSITION;
-exports.MOBILE_POSITION = MOBILE_POSITION;
 (function (MOBILE_POSITION) {
   MOBILE_POSITION["TOP"] = "top";
   MOBILE_POSITION["BOTTOM"] = "bottom";

package/es/components/background-media/defs.js.map

@@ -1 +1 @@
-{"version":3,"file":"defs.js","names":["GRADIENT_DIRECTION","exports","MOBILE_POSITION"],"sources":["components/background-media/defs.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2021\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\n/**\n * Gradient Direction\n */\nexport enum GRADIENT_DIRECTION {\n  /**\n   * Left to right\n   */\n  LEFT_TO_RIGHT = 'left-to-right',\n\n  /**\n   * Top to Bottom\n   */\n  TOP_TO_BOTTOM = 'top-to-bottom',\n}\n\n/**\n * Mobile Position\n */\nexport enum MOBILE_POSITION {\n  /**\n   * Top\n   */\n  TOP = 'top',\n\n  /**\n   * Bottom\n   */\n  BOTTOM = 'bottom',\n}\n"],"mappings":";;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AAFA,IAGYA,kBAAkB;AAY9B;AACA;AACA;AAFAC,OAAA,CAAAD,kBAAA,GAAAA,kBAAA;AAAA,WAZYA,kBAAkB;EAAlBA,kBAAkB;EAAlBA,kBAAkB;AAAA,GAAlBA,kBAAkB,KAAAC,OAAA,CAAAD,kBAAA,GAAlBA,kBAAkB;AAAA,IAelBE,eAAe;AAAAD,OAAA,CAAAC,eAAA,GAAAA,eAAA;AAAA,WAAfA,eAAe;EAAfA,eAAe;EAAfA,eAAe;AAAA,GAAfA,eAAe,KAAAD,OAAA,CAAAC,eAAA,GAAfA,eAAe"}
+{"version":3,"file":"defs.js","names":["GRADIENT_DIRECTION","exports","MOBILE_POSITION"],"sources":["components/background-media/defs.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2021\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\n/**\n * Gradient Direction\n */\nexport enum GRADIENT_DIRECTION {\n  /**\n   * Left to right\n   */\n  LEFT_TO_RIGHT = 'left-to-right',\n\n  /**\n   * Top to Bottom\n   */\n  TOP_TO_BOTTOM = 'top-to-bottom',\n}\n\n/**\n * Mobile Position\n */\nexport enum MOBILE_POSITION {\n  /**\n   * Top\n   */\n  TOP = 'top',\n\n  /**\n   * Bottom\n   */\n  BOTTOM = 'bottom',\n}\n"],"mappings":";;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AAFA,IAGYA,kBAAkB;AAY9B;AACA;AACA;AAFA,WAZYA,kBAAkB;EAAlBA,kBAAkB;EAAlBA,kBAAkB;AAAA,GAAlBA,kBAAkB,KAAAC,OAAA,CAAAD,kBAAA,GAAlBA,kBAAkB;AAAA,IAelBE,eAAe;AAAA,WAAfA,eAAe;EAAfA,eAAe;EAAfA,eAAe;AAAA,GAAfA,eAAe,KAAAD,OAAA,CAAAC,eAAA,GAAfA,eAAe"}

package/es/components/button/button.js

@@ -354,6 +354,5 @@ var DDSButtonExpressive = (0, _decorate2["default"])([(0, _carbonElement.carbonE
   };
 }, (0, _focus["default"])((0, _stableSelector["default"])(_litElement.LitElement)));
 /* @__GENERATE_REACT_CUSTOM_ELEMENT_TYPE__ */
-var _default = DDSButtonExpressive;
-exports["default"] = _default;
+var _default = exports["default"] = DDSButtonExpressive;
 //# sourceMappingURL=button.js.map

package/es/components/button/button.js.map

@@ -1 +1 @@
-{"version":3,"file":"button.js","names":["_classMap2","require","_litElement","_settings","_interopRequireDefault","_ifNonNull","_focus","_defs","_settings2","_buttonCss","_stableSelector","_carbonElement","_templateObject","_templateObject2","_templateObject3","_templateObject4","_createSuper","Derived","hasNativeReflectConstruct","_isNativeReflectConstruct","_createSuperInternal","Super","_getPrototypeOf2","result","NewTarget","constructor","Reflect","construct","arguments","apply","_possibleConstructorReturn2","sham","Proxy","Boolean","prototype","valueOf","call","e","prefix","settings","ddsPrefix","ddsSettings","stablePrefix","DDSButtonExpressive","_decorate2","customElement","concat","_initialize","_FocusMixin","_FocusMixin2","_inherits2","_super","_this","_classCallCheck2","_len","length","args","Array","_key","_assertThisInitialized2","_createClass2","F","d","kind","decorators","state","key","value","_classes","_classMap","disabled","size","hasIcon","_hasIcon","hasMainContent","_hasMainContent","classMap","_defineProperty2","_handleClick","_handleSlotChange","_ref","target","_ref2","name","hasContent","assignedNodes","some","node","nodeType","Node","TEXT_NODE","textContent","trim","requestUpdate","_renderDisabledLink","classes","html","_taggedTemplateLiteral2","_renderInner","handleSlotChange","href","property","type","reflect","attribute","BUTTON_ICON_LAYOUT","REGULAR","BUTTON_KIND","PRIMARY","BUTTON_SIZE","createRenderRoot","_exec","attachShadow","mode","delegatesFocus","Number","exec","navigator","userAgent","render","autofocus","download","hreflang","linkRole","ping","rel","handleClick","ifNonNull","stableSelector","styles","FocusMixin","StableSelectorMixin","LitElement","_default","exports"],"sources":["components/button/button.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2020, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { classMap } from 'lit-html/directives/class-map.js';\nimport { html, property, state, LitElement } from 'lit-element';\nimport settings from 'carbon-components/es/globals/js/settings.js';\nimport ifNonNull from '../../internal/vendor/@carbon/web-components/globals/directives/if-non-null.js';\nimport FocusMixin from '../../internal/vendor/@carbon/web-components/globals/mixins/focus.js';\nimport { BUTTON_ICON_LAYOUT, BUTTON_KIND, BUTTON_SIZE } from './defs';\nimport ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';\nimport styles from './button.scss';\nimport StableSelectorMixin from '../../globals/mixins/stable-selector';\nimport { carbonElement as customElement } from '../../internal/vendor/@carbon/web-components/globals/decorators/carbon-element.js';\n\nexport { BUTTON_KIND, BUTTON_SIZE };\n\nconst { prefix } = settings;\nconst { stablePrefix: ddsPrefix } = ddsSettings;\n\n/**\n * Expressive button.\n *\n * @element dds-button-expressive\n * @csspart button The button.\n */\n@customElement(`${ddsPrefix}-button-expressive`)\nclass DDSButtonExpressive extends FocusMixin(StableSelectorMixin(LitElement)) {\n  /**\n   * `true` if there is an icon.\n   */\n  @state()\n  protected _hasIcon = false;\n\n  /**\n   * `true` if there is a non-icon content.\n   */\n  @state()\n  protected _hasMainContent = false;\n\n  /**\n   * The CSS class list for the button/link node.\n   */\n  protected get _classes() {\n    const {\n      disabled,\n      kind,\n      size,\n      _hasIcon: hasIcon,\n      _hasMainContent: hasMainContent,\n    } = this;\n    return classMap({\n      [`${prefix}--btn`]: true,\n      [`${prefix}--btn--${kind}`]: kind,\n      [`${prefix}--btn--disabled`]: disabled,\n      [`${prefix}--btn--icon-only`]: hasIcon && !hasMainContent,\n      [`${prefix}--btn--expressive`]: true,\n      [`${prefix}--btn--${size}`]: size,\n      [`${prefix}-ce--btn--has-icon`]: hasIcon,\n    });\n  }\n\n  /**\n   * Handles `click` event on the button.\n   */\n  protected _handleClick() {} // eslint-disable-line class-methods-use-this\n\n  /**\n   * Handles `slotchange` event.\n   */\n  protected _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[name === 'icon' ? '_hasIcon' : '_hasMainContent'] = hasContent;\n    this.requestUpdate();\n  }\n\n  /**\n   * @returns The disabled link content.\n   */\n  protected _renderDisabledLink() {\n    const { _classes: classes } = this;\n    return html`\n      <p id=\"button\" part=\"button\" class=\"${classes}\">${this._renderInner()}</p>\n    `;\n  }\n\n  /**\n   * @returns The inner content.\n   */\n  protected _renderInner() {\n    const { _handleSlotChange: handleSlotChange } = this;\n    return html`\n      <slot @slotchange=\"${handleSlotChange}\"></slot>\n      <p class=\"${prefix}--btn--hidden\" aria-hidden=\"true\">\n        <span>:</span> ${this.href}\n      </p>\n      <slot name=\"icon\" @slotchange=\"${handleSlotChange}\"></slot>\n    `;\n  }\n\n  /**\n   * `true` if the button should have input focus when the page loads.\n   */\n  @property({ type: Boolean, reflect: true })\n  autofocus = false;\n\n  /**\n   * `true` if the button should be disabled.\n   */\n  @property({ type: Boolean, reflect: true })\n  disabled = false;\n\n  /**\n   * The default file name, used if this button is rendered as `<a>`.\n   */\n  @property({ reflect: true })\n  download!: string;\n\n  /**\n   * Link `href`. If present, this button is rendered as `<a>`.\n   */\n  @property({ reflect: true })\n  href!: string;\n\n  /**\n   * The language of what `href` points to, if this button is rendered as `<a>`.\n   */\n  @property({ reflect: true })\n  hreflang!: string;\n\n  /**\n   * Button icon layout.\n   */\n  @property({ reflect: true, attribute: 'icon-layout' })\n  iconLayout = BUTTON_ICON_LAYOUT.REGULAR;\n\n  /**\n   * Button kind.\n   */\n  @property({ reflect: true })\n  kind = BUTTON_KIND.PRIMARY;\n\n  /**\n   * The a11y role for `<a>`.\n   */\n  @property({ attribute: 'link-role' })\n  linkRole = 'button';\n\n  /**\n   * URLs to ping, if this button is rendered as `<a>`.\n   */\n  @property({ reflect: true })\n  ping!: string;\n\n  /**\n   * The link type, if this button is rendered as `<a>`.\n   */\n  @property({ reflect: true })\n  rel!: string;\n\n  /**\n   * Button size.\n   */\n  @property({ reflect: true })\n  size = BUTTON_SIZE.REGULAR;\n\n  /**\n   * The link target, if this button is rendered as `<a>`.\n   */\n  @property({ reflect: true })\n  target!: string;\n\n  /**\n   * The default behavior if the button is rendered as `<button>`. MIME type of the `target`if this button is rendered as `<a>`.\n   */\n  @property({ reflect: true })\n  type!: string;\n\n  createRenderRoot() {\n    return this.attachShadow({\n      mode: 'open',\n      delegatesFocus:\n        Number((/Safari\\/(\\d+)/.exec(navigator.userAgent) ?? ['', 0])[1]) <=\n        537,\n    });\n  }\n\n  render() {\n    const {\n      autofocus,\n      disabled,\n      download,\n      href,\n      hreflang,\n      linkRole,\n      ping,\n      rel,\n      target,\n      type,\n      _classes: classes,\n      _handleClick: handleClick,\n    } = this;\n    if (href) {\n      return disabled\n        ? this._renderDisabledLink()\n        : html`\n            <a\n              id=\"button\"\n              part=\"button\"\n              role=\"${ifNonNull(linkRole)}\"\n              class=\"${classes}\"\n              download=\"${ifNonNull(download)}\"\n              href=\"${ifNonNull(href)}\"\n              hreflang=\"${ifNonNull(hreflang)}\"\n              ping=\"${ifNonNull(ping)}\"\n              rel=\"${ifNonNull(rel)}\"\n              target=\"${ifNonNull(target)}\"\n              type=\"${ifNonNull(type)}\"\n              @click=\"${handleClick}\">\n              ${this._renderInner()}\n            </a>\n          `;\n    }\n    return html`\n      <button\n        id=\"button\"\n        part=\"button\"\n        class=\"${classes}\"\n        ?autofocus=\"${autofocus}\"\n        ?disabled=\"${disabled}\"\n        type=\"${ifNonNull(type)}\"\n        @click=\"${handleClick}\">\n        ${this._renderInner()}\n      </button>\n    `;\n  }\n\n  static get stableSelector() {\n    return `${ddsPrefix}--button-expressive`;\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 DDSButtonExpressive;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AASA,IAAAA,UAAA,GAAAC,OAAA;AACA,IAAAC,WAAA,GAAAD,OAAA;AACA,IAAAE,SAAA,GAAAC,sBAAA,CAAAH,OAAA;AACA,IAAAI,UAAA,GAAAD,sBAAA,CAAAH,OAAA;AACA,IAAAK,MAAA,GAAAF,sBAAA,CAAAH,OAAA;AACA,IAAAM,KAAA,GAAAN,OAAA;AACA,IAAAO,UAAA,GAAAJ,sBAAA,CAAAH,OAAA;AACA,IAAAQ,UAAA,GAAAL,sBAAA,CAAAH,OAAA;AACA,IAAAS,eAAA,GAAAN,sBAAA,CAAAH,OAAA;AACA,IAAAU,cAAA,GAAAV,OAAA;AAAmI,IAAAW,eAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA;AAAA,SAAAC,aAAAC,OAAA,QAAAC,yBAAA,GAAAC,yBAAA,oBAAAC,qBAAA,QAAAC,KAAA,OAAAC,gBAAA,aAAAL,OAAA,GAAAM,MAAA,MAAAL,yBAAA,QAAAM,SAAA,OAAAF,gBAAA,mBAAAG,WAAA,EAAAF,MAAA,GAAAG,OAAA,CAAAC,SAAA,CAAAN,KAAA,EAAAO,SAAA,EAAAJ,SAAA,YAAAD,MAAA,GAAAF,KAAA,CAAAQ,KAAA,OAAAD,SAAA,gBAAAE,2BAAA,mBAAAP,MAAA;AAAA,SAAAJ,0BAAA,eAAAO,OAAA,qBAAAA,OAAA,CAAAC,SAAA,oBAAAD,OAAA,CAAAC,SAAA,CAAAI,IAAA,2BAAAC,KAAA,oCAAAC,OAAA,CAAAC,SAAA,CAAAC,OAAA,CAAAC,IAAA,CAAAV,OAAA,CAAAC,SAAA,CAAAM,OAAA,8CAAAI,CAAA,sBAlBnI;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAeA,IAAQC,MAAM,GAAKC,oBAAQ,CAAnBD,MAAM;AACd,IAAsBE,SAAS,GAAKC,qBAAW,CAAvCC,YAAY;;AAEpB;AACA;AACA;AACA;AACA;AACA;AALA,IAOMC,mBAAmB,OAAAC,UAAA,cADxB,IAAAC,4BAAa,KAAAC,MAAA,CAAIN,SAAS,uBAAoB,CAAC,aAAAO,WAAA,EAAAC,WAAA;EAAA,IAC1CL,mBAAmB,0BAAAM,YAAA;IAAA,IAAAC,UAAA,aAAAP,mBAAA,EAAAM,YAAA;IAAA,IAAAE,MAAA,GAAAnC,YAAA,CAAA2B,mBAAA;IAAA,SAAAA,oBAAA;MAAA,IAAAS,KAAA;MAAA,IAAAC,gBAAA,mBAAAV,mBAAA;MAAA,SAAAW,IAAA,GAAA1B,SAAA,CAAA2B,MAAA,EAAAC,IAAA,OAAAC,KAAA,CAAAH,IAAA,GAAAI,IAAA,MAAAA,IAAA,GAAAJ,IAAA,EAAAI,IAAA;QAAAF,IAAA,CAAAE,IAAA,IAAA9B,SAAA,CAAA8B,IAAA;MAAA;MAAAN,KAAA,GAAAD,MAAA,CAAAf,IAAA,CAAAP,KAAA,CAAAsB,MAAA,SAAAL,MAAA,CAAAU,IAAA;MAAAT,WAAA,KAAAY,uBAAA,aAAAP,KAAA;MAAA,OAAAA,KAAA;IAAA;IAAA,WAAAQ,aAAA,aAAAjB,mBAAA;EAAA,EAAAK,WAAA;EAAA;IAAAa,CAAA,EAAnBlB,mBAAmB;IAAAmB,CAAA;MAAAC,IAAA;MAAAC,UAAA,GAItB,IAAAC,iBAAK,EAAC,CAAC;MAAAC,GAAA;MAAAC,KAAA,WAAAA,MAAA;QAAA,OACa,KAAK;MAAA;IAAA;MAAAJ,IAAA;MAAAC,UAAA,GAKzB,IAAAC,iBAAK,EAAC,CAAC;MAAAC,GAAA;MAAAC,KAAA,WAAAA,MAAA;QAAA,OACoB,KAAK;MAAA;IAAA;MAAAJ,IAAA;MAAAG,GAAA;MAAAC,KAAA;MAVjC;AACF;AACA;;MAIE;AACF;AACA;;MAIE;AACF;AACA;MACE,SAAAC,SAAA,EAAyB;QAAA,IAAAC,SAAA;QACvB,IACEC,QAAQ,GAKN,IAAI,CALNA,QAAQ;UACRP,IAAI,GAIF,IAAI,CAJNA,IAAI;UACJQ,IAAI,GAGF,IAAI,CAHNA,IAAI;UACMC,OAAO,GAEf,IAAI,CAFNC,QAAQ;UACSC,cAAc,GAC7B,IAAI,CADNC,eAAe;QAEjB,OAAO,IAAAC,mBAAQ,GAAAP,SAAA,WAAAQ,gBAAA,aAAAR,SAAA,KAAAvB,MAAA,CACTR,MAAM,YAAU,IAAI,OAAAuC,gBAAA,aAAAR,SAAA,KAAAvB,MAAA,CACpBR,MAAM,aAAAQ,MAAA,CAAUiB,IAAI,GAAKA,IAAI,OAAAc,gBAAA,aAAAR,SAAA,KAAAvB,MAAA,CAC7BR,MAAM,sBAAoBgC,QAAQ,OAAAO,gBAAA,aAAAR,SAAA,KAAAvB,MAAA,CAClCR,MAAM,uBAAqBkC,OAAO,IAAI,CAACE,cAAc,OAAAG,gBAAA,aAAAR,SAAA,KAAAvB,MAAA,CACrDR,MAAM,wBAAsB,IAAI,OAAAuC,gBAAA,aAAAR,SAAA,KAAAvB,MAAA,CAChCR,MAAM,aAAAQ,MAAA,CAAUyB,IAAI,GAAKA,IAAI,OAAAM,gBAAA,aAAAR,SAAA,KAAAvB,MAAA,CAC7BR,MAAM,yBAAuBkC,OAAO,GAAAH,SAAA,CACzC,CAAC;MACJ;;MAEA;AACF;AACA;IAFE;MAAAN,IAAA;MAAAG,GAAA;MAAAC,KAAA,EAGA,SAAAW,aAAA,EAAyB,CAAC,CAAC,CAAC;;MAE5B;AACF;AACA;IAFE;MAAAf,IAAA;MAAAG,GAAA;MAAAC,KAAA,EAGA,SAAAY,kBAAAC,IAAA,EAA+C;QAAA,IAAjBC,MAAM,GAAAD,IAAA,CAANC,MAAM;QAClC,IAAAC,KAAA,GAAiBD,MAAM;UAAfE,IAAI,GAAAD,KAAA,CAAJC,IAAI;QACZ,IAAMC,UAAU,GAAIH,MAAM,CACvBI,aAAa,CAAC,CAAC,CACfC,IAAI,CACH,UAACC,IAAI;UAAA,OAAKA,IAAI,CAACC,QAAQ,KAAKC,IAAI,CAACC,SAAS,IAAIH,IAAI,CAAEI,WAAW,CAAEC,IAAI,CAAC,CAAC;QAAA,CACzE,CAAC;QACH,IAAI,CAACT,IAAI,KAAK,MAAM,GAAG,UAAU,GAAG,iBAAiB,CAAC,GAAGC,UAAU;QACnE,IAAI,CAACS,aAAa,CAAC,CAAC;MACtB;;MAEA;AACF;AACA;IAFE;MAAA9B,IAAA;MAAAG,GAAA;MAAAC,KAAA,EAGA,SAAA2B,oBAAA,EAAgC;QAC9B,IAAkBC,OAAO,GAAK,IAAI,CAA1B3B,QAAQ;QAChB,WAAO4B,gBAAI,EAAApF,eAAA,KAAAA,eAAA,OAAAqF,uBAAA,2FAC6BF,OAAO,EAAK,IAAI,CAACG,YAAY,CAAC,CAAC;MAEzE;;MAEA;AACF;AACA;IAFE;MAAAnC,IAAA;MAAAG,GAAA;MAAAC,KAAA,EAGA,SAAA+B,aAAA,EAAyB;QACvB,IAA2BC,gBAAgB,GAAK,IAAI,CAA5CpB,iBAAiB;QACzB,WAAOiB,gBAAI,EAAAnF,gBAAA,KAAAA,gBAAA,OAAAoF,uBAAA,kOACYE,gBAAgB,EACzB7D,MAAM,EACC,IAAI,CAAC8D,IAAI,EAEKD,gBAAgB;MAErD;;MAEA;AACF;AACA;IAFE;MAAApC,IAAA;MAAAC,UAAA,GAGC,IAAAqC,oBAAQ,EAAC;QAAEC,IAAI,EAAErE,OAAO;QAAEsE,OAAO,EAAE;MAAK,CAAC,CAAC;MAAArC,GAAA;MAAAC,KAAA,WAAAA,MAAA;QAAA,OAC/B,KAAK;MAAA;IAAA;MAAAJ,IAAA;MAAAC,UAAA,GAKhB,IAAAqC,oBAAQ,EAAC;QAAEC,IAAI,EAAErE,OAAO;QAAEsE,OAAO,EAAE;MAAK,CAAC,CAAC;MAAArC,GAAA;MAAAC,KAAA,WAAAA,MAAA;QAAA,OAChC,KAAK;MAAA;IAAA;MAAAJ,IAAA;MAAAC,UAAA,GAKf,IAAAqC,oBAAQ,EAAC;QAAEE,OAAO,EAAE;MAAK,CAAC,CAAC;MAAArC,GAAA;MAAAC,KAAA;IAAA;MAAAJ,IAAA;MAAAC,UAAA,GAM3B,IAAAqC,oBAAQ,EAAC;QAAEE,OAAO,EAAE;MAAK,CAAC,CAAC;MAAArC,GAAA;MAAAC,KAAA;IAAA;MAAAJ,IAAA;MAAAC,UAAA,GAM3B,IAAAqC,oBAAQ,EAAC;QAAEE,OAAO,EAAE;MAAK,CAAC,CAAC;MAAArC,GAAA;MAAAC,KAAA;IAAA;MAAAJ,IAAA;MAAAC,UAAA,GAM3B,IAAAqC,oBAAQ,EAAC;QAAEE,OAAO,EAAE,IAAI;QAAEC,SAAS,EAAE;MAAc,CAAC,CAAC;MAAAtC,GAAA;MAAAC,KAAA,WAAAA,MAAA;QAAA,OACzCsC,wBAAkB,CAACC,OAAO;MAAA;IAAA;MAAA3C,IAAA;MAAAC,UAAA,GAKtC,IAAAqC,oBAAQ,EAAC;QAAEE,OAAO,EAAE;MAAK,CAAC,CAAC;MAAArC,GAAA;MAAAC,KAAA,WAAAA,MAAA;QAAA,OACrBwC,iBAAW,CAACC,OAAO;MAAA;IAAA;MAAA7C,IAAA;MAAAC,UAAA,GAKzB,IAAAqC,oBAAQ,EAAC;QAAEG,SAAS,EAAE;MAAY,CAAC,CAAC;MAAAtC,GAAA;MAAAC,KAAA,WAAAA,MAAA;QAAA,OAC1B,QAAQ;MAAA;IAAA;MAAAJ,IAAA;MAAAC,UAAA,GAKlB,IAAAqC,oBAAQ,EAAC;QAAEE,OAAO,EAAE;MAAK,CAAC,CAAC;MAAArC,GAAA;MAAAC,KAAA;IAAA;MAAAJ,IAAA;MAAAC,UAAA,GAM3B,IAAAqC,oBAAQ,EAAC;QAAEE,OAAO,EAAE;MAAK,CAAC,CAAC;MAAArC,GAAA;MAAAC,KAAA;IAAA;MAAAJ,IAAA;MAAAC,UAAA,GAM3B,IAAAqC,oBAAQ,EAAC;QAAEE,OAAO,EAAE;MAAK,CAAC,CAAC;MAAArC,GAAA;MAAAC,KAAA,WAAAA,MAAA;QAAA,OACrB0C,iBAAW,CAACH,OAAO;MAAA;IAAA;MAAA3C,IAAA;MAAAC,UAAA,GAKzB,IAAAqC,oBAAQ,EAAC;QAAEE,OAAO,EAAE;MAAK,CAAC,CAAC;MAAArC,GAAA;MAAAC,KAAA;IAAA;MAAAJ,IAAA;MAAAC,UAAA,GAM3B,IAAAqC,oBAAQ,EAAC;QAAEE,OAAO,EAAE;MAAK,CAAC,CAAC;MAAArC,GAAA;MAAAC,KAAA;IAAA;MAAAJ,IAAA;MAAAG,GAAA;MAAAC,KAAA;MArE5B;AACF;AACA;MAIE;AACF;AACA;MAIE;AACF;AACA;MAIE;AACF;AACA;MAIE;AACF;AACA;MAIE;AACF;AACA;MAIE;AACF;AACA;MAIE;AACF;AACA;MAIE;AACF;AACA;MAIE;AACF;AACA;MAIE;AACF;AACA;MAIE;AACF;AACA;MAIE,SAAA2C,iBAAA,EAAmB;QAAA,IAAAC,KAAA;QACjB,OAAO,IAAI,CAACC,YAAY,CAAC;UACvBC,IAAI,EAAE,MAAM;UACZC,cAAc,EACZC,MAAM,CAAC,EAAAJ,KAAA,GAAC,eAAe,CAACK,IAAI,CAACC,SAAS,CAACC,SAAS,CAAC,cAAAP,KAAA,cAAAA,KAAA,GAAI,CAAC,EAAE,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IACjE;QACJ,CAAC,CAAC;MACJ;IAAC;MAAAhD,IAAA;MAAAG,GAAA;MAAAC,KAAA,EAED,SAAAoD,OAAA,EAAS;QACP,IACEC,SAAS,GAYP,IAAI,CAZNA,SAAS;UACTlD,QAAQ,GAWN,IAAI,CAXNA,QAAQ;UACRmD,QAAQ,GAUN,IAAI,CAVNA,QAAQ;UACRrB,IAAI,GASF,IAAI,CATNA,IAAI;UACJsB,QAAQ,GAQN,IAAI,CARNA,QAAQ;UACRC,QAAQ,GAON,IAAI,CAPNA,QAAQ;UACRC,IAAI,GAMF,IAAI,CANNA,IAAI;UACJC,GAAG,GAKD,IAAI,CALNA,GAAG;UACH5C,MAAM,GAIJ,IAAI,CAJNA,MAAM;UACNqB,IAAI,GAGF,IAAI,CAHNA,IAAI;UACMP,OAAO,GAEf,IAAI,CAFN3B,QAAQ;UACM0D,WAAW,GACvB,IAAI,CADNhD,YAAY;QAEd,IAAIsB,IAAI,EAAE;UACR,OAAO9B,QAAQ,GACX,IAAI,CAACwB,mBAAmB,CAAC,CAAC,OAC1BE,gBAAI,EAAAlF,gBAAA,KAAAA,gBAAA,OAAAmF,uBAAA,kcAIQ,IAAA8B,qBAAS,EAACJ,QAAQ,CAAC,EAClB5B,OAAO,EACJ,IAAAgC,qBAAS,EAACN,QAAQ,CAAC,EACvB,IAAAM,qBAAS,EAAC3B,IAAI,CAAC,EACX,IAAA2B,qBAAS,EAACL,QAAQ,CAAC,EACvB,IAAAK,qBAAS,EAACH,IAAI,CAAC,EAChB,IAAAG,qBAAS,EAACF,GAAG,CAAC,EACX,IAAAE,qBAAS,EAAC9C,MAAM,CAAC,EACnB,IAAA8C,qBAAS,EAACzB,IAAI,CAAC,EACbwB,WAAW,EACnB,IAAI,CAAC5B,YAAY,CAAC,CAAC,CAExB;QACP;QACA,WAAOF,gBAAI,EAAAjF,gBAAA,KAAAA,gBAAA,OAAAkF,uBAAA,2PAIEF,OAAO,EACFyB,SAAS,EACVlD,QAAQ,EACb,IAAAyD,qBAAS,EAACzB,IAAI,CAAC,EACbwB,WAAW,EACnB,IAAI,CAAC5B,YAAY,CAAC,CAAC;MAG3B;IAAC;MAAAnC,IAAA;MAAA;MAAAG,GAAA;MAAAC,KAAA,EAED,SAAA6D,eAAA,EAA4B;QAC1B,UAAAlF,MAAA,CAAUN,SAAS;MACrB;IAAC;MAAAuB,IAAA;MAAA;MAAAG,GAAA;MAAAC,KAAA,WAAAA,MAAA;QAAA,OAEe8D,qBAAM;MAAA;IAAA;EAAA;AAAA,GA3NU,IAAAC,iBAAU,EAAC,IAAAC,0BAAmB,EAACC,sBAAU,CAAC,CAAC;AA8N7E;AAAA,IAAAC,QAAA,GACe1F,mBAAmB;AAAA2F,OAAA,cAAAD,QAAA"}
+{"version":3,"file":"button.js","names":["_classMap2","require","_litElement","_settings","_interopRequireDefault","_ifNonNull","_focus","_defs","_settings2","_buttonCss","_stableSelector","_carbonElement","_templateObject","_templateObject2","_templateObject3","_templateObject4","_createSuper","Derived","hasNativeReflectConstruct","_isNativeReflectConstruct","_createSuperInternal","Super","_getPrototypeOf2","result","NewTarget","constructor","Reflect","construct","arguments","apply","_possibleConstructorReturn2","sham","Proxy","Boolean","prototype","valueOf","call","e","prefix","settings","ddsPrefix","ddsSettings","stablePrefix","DDSButtonExpressive","_decorate2","customElement","concat","_initialize","_FocusMixin","_FocusMixin2","_inherits2","_super","_this","_classCallCheck2","_len","length","args","Array","_key","_assertThisInitialized2","_createClass2","F","d","kind","decorators","state","key","value","_classes","_classMap","disabled","size","hasIcon","_hasIcon","hasMainContent","_hasMainContent","classMap","_defineProperty2","_handleClick","_handleSlotChange","_ref","target","_ref2","name","hasContent","assignedNodes","some","node","nodeType","Node","TEXT_NODE","textContent","trim","requestUpdate","_renderDisabledLink","classes","html","_taggedTemplateLiteral2","_renderInner","handleSlotChange","href","property","type","reflect","attribute","BUTTON_ICON_LAYOUT","REGULAR","BUTTON_KIND","PRIMARY","BUTTON_SIZE","createRenderRoot","_exec","attachShadow","mode","delegatesFocus","Number","exec","navigator","userAgent","render","autofocus","download","hreflang","linkRole","ping","rel","handleClick","ifNonNull","stableSelector","styles","FocusMixin","StableSelectorMixin","LitElement","_default","exports"],"sources":["components/button/button.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2020, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { classMap } from 'lit-html/directives/class-map.js';\nimport { html, property, state, LitElement } from 'lit-element';\nimport settings from 'carbon-components/es/globals/js/settings.js';\nimport ifNonNull from '../../internal/vendor/@carbon/web-components/globals/directives/if-non-null.js';\nimport FocusMixin from '../../internal/vendor/@carbon/web-components/globals/mixins/focus.js';\nimport { BUTTON_ICON_LAYOUT, BUTTON_KIND, BUTTON_SIZE } from './defs';\nimport ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';\nimport styles from './button.scss';\nimport StableSelectorMixin from '../../globals/mixins/stable-selector';\nimport { carbonElement as customElement } from '../../internal/vendor/@carbon/web-components/globals/decorators/carbon-element.js';\n\nexport { BUTTON_KIND, BUTTON_SIZE };\n\nconst { prefix } = settings;\nconst { stablePrefix: ddsPrefix } = ddsSettings;\n\n/**\n * Expressive button.\n *\n * @element dds-button-expressive\n * @csspart button The button.\n */\n@customElement(`${ddsPrefix}-button-expressive`)\nclass DDSButtonExpressive extends FocusMixin(StableSelectorMixin(LitElement)) {\n  /**\n   * `true` if there is an icon.\n   */\n  @state()\n  protected _hasIcon = false;\n\n  /**\n   * `true` if there is a non-icon content.\n   */\n  @state()\n  protected _hasMainContent = false;\n\n  /**\n   * The CSS class list for the button/link node.\n   */\n  protected get _classes() {\n    const {\n      disabled,\n      kind,\n      size,\n      _hasIcon: hasIcon,\n      _hasMainContent: hasMainContent,\n    } = this;\n    return classMap({\n      [`${prefix}--btn`]: true,\n      [`${prefix}--btn--${kind}`]: kind,\n      [`${prefix}--btn--disabled`]: disabled,\n      [`${prefix}--btn--icon-only`]: hasIcon && !hasMainContent,\n      [`${prefix}--btn--expressive`]: true,\n      [`${prefix}--btn--${size}`]: size,\n      [`${prefix}-ce--btn--has-icon`]: hasIcon,\n    });\n  }\n\n  /**\n   * Handles `click` event on the button.\n   */\n  protected _handleClick() {} // eslint-disable-line class-methods-use-this\n\n  /**\n   * Handles `slotchange` event.\n   */\n  protected _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[name === 'icon' ? '_hasIcon' : '_hasMainContent'] = hasContent;\n    this.requestUpdate();\n  }\n\n  /**\n   * @returns The disabled link content.\n   */\n  protected _renderDisabledLink() {\n    const { _classes: classes } = this;\n    return html`\n      <p id=\"button\" part=\"button\" class=\"${classes}\">${this._renderInner()}</p>\n    `;\n  }\n\n  /**\n   * @returns The inner content.\n   */\n  protected _renderInner() {\n    const { _handleSlotChange: handleSlotChange } = this;\n    return html`\n      <slot @slotchange=\"${handleSlotChange}\"></slot>\n      <p class=\"${prefix}--btn--hidden\" aria-hidden=\"true\">\n        <span>:</span> ${this.href}\n      </p>\n      <slot name=\"icon\" @slotchange=\"${handleSlotChange}\"></slot>\n    `;\n  }\n\n  /**\n   * `true` if the button should have input focus when the page loads.\n   */\n  @property({ type: Boolean, reflect: true })\n  autofocus = false;\n\n  /**\n   * `true` if the button should be disabled.\n   */\n  @property({ type: Boolean, reflect: true })\n  disabled = false;\n\n  /**\n   * The default file name, used if this button is rendered as `<a>`.\n   */\n  @property({ reflect: true })\n  download!: string;\n\n  /**\n   * Link `href`. If present, this button is rendered as `<a>`.\n   */\n  @property({ reflect: true })\n  href!: string;\n\n  /**\n   * The language of what `href` points to, if this button is rendered as `<a>`.\n   */\n  @property({ reflect: true })\n  hreflang!: string;\n\n  /**\n   * Button icon layout.\n   */\n  @property({ reflect: true, attribute: 'icon-layout' })\n  iconLayout = BUTTON_ICON_LAYOUT.REGULAR;\n\n  /**\n   * Button kind.\n   */\n  @property({ reflect: true })\n  kind = BUTTON_KIND.PRIMARY;\n\n  /**\n   * The a11y role for `<a>`.\n   */\n  @property({ attribute: 'link-role' })\n  linkRole = 'button';\n\n  /**\n   * URLs to ping, if this button is rendered as `<a>`.\n   */\n  @property({ reflect: true })\n  ping!: string;\n\n  /**\n   * The link type, if this button is rendered as `<a>`.\n   */\n  @property({ reflect: true })\n  rel!: string;\n\n  /**\n   * Button size.\n   */\n  @property({ reflect: true })\n  size = BUTTON_SIZE.REGULAR;\n\n  /**\n   * The link target, if this button is rendered as `<a>`.\n   */\n  @property({ reflect: true })\n  target!: string;\n\n  /**\n   * The default behavior if the button is rendered as `<button>`. MIME type of the `target`if this button is rendered as `<a>`.\n   */\n  @property({ reflect: true })\n  type!: string;\n\n  createRenderRoot() {\n    return this.attachShadow({\n      mode: 'open',\n      delegatesFocus:\n        Number((/Safari\\/(\\d+)/.exec(navigator.userAgent) ?? ['', 0])[1]) <=\n        537,\n    });\n  }\n\n  render() {\n    const {\n      autofocus,\n      disabled,\n      download,\n      href,\n      hreflang,\n      linkRole,\n      ping,\n      rel,\n      target,\n      type,\n      _classes: classes,\n      _handleClick: handleClick,\n    } = this;\n    if (href) {\n      return disabled\n        ? this._renderDisabledLink()\n        : html`\n            <a\n              id=\"button\"\n              part=\"button\"\n              role=\"${ifNonNull(linkRole)}\"\n              class=\"${classes}\"\n              download=\"${ifNonNull(download)}\"\n              href=\"${ifNonNull(href)}\"\n              hreflang=\"${ifNonNull(hreflang)}\"\n              ping=\"${ifNonNull(ping)}\"\n              rel=\"${ifNonNull(rel)}\"\n              target=\"${ifNonNull(target)}\"\n              type=\"${ifNonNull(type)}\"\n              @click=\"${handleClick}\">\n              ${this._renderInner()}\n            </a>\n          `;\n    }\n    return html`\n      <button\n        id=\"button\"\n        part=\"button\"\n        class=\"${classes}\"\n        ?autofocus=\"${autofocus}\"\n        ?disabled=\"${disabled}\"\n        type=\"${ifNonNull(type)}\"\n        @click=\"${handleClick}\">\n        ${this._renderInner()}\n      </button>\n    `;\n  }\n\n  static get stableSelector() {\n    return `${ddsPrefix}--button-expressive`;\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 DDSButtonExpressive;\n"],"mappings":"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"}

package/es/components/button/defs.js

@@ -19,7 +19,6 @@ var BUTTON_KIND;
 /**
  * Button size.
  */
-exports.BUTTON_KIND = BUTTON_KIND;
 (function (BUTTON_KIND) {
   BUTTON_KIND["PRIMARY"] = "primary";
   BUTTON_KIND["SECONDARY"] = "secondary";
@@ -33,7 +32,6 @@ var BUTTON_SIZE;
 /**
  * Button icon layout.
  */
-exports.BUTTON_SIZE = BUTTON_SIZE;
 (function (BUTTON_SIZE) {
   BUTTON_SIZE["REGULAR"] = "";
   BUTTON_SIZE["SMALL"] = "sm";
@@ -41,7 +39,6 @@ exports.BUTTON_SIZE = BUTTON_SIZE;
   BUTTON_SIZE["FIELD"] = "field";
 })(BUTTON_SIZE || (exports.BUTTON_SIZE = BUTTON_SIZE = {}));
 var BUTTON_ICON_LAYOUT;
-exports.BUTTON_ICON_LAYOUT = BUTTON_ICON_LAYOUT;
 (function (BUTTON_ICON_LAYOUT) {
   BUTTON_ICON_LAYOUT["REGULAR"] = "";
   BUTTON_ICON_LAYOUT["CONDENSED"] = "condensed";

package/es/components/button/defs.js.map

@@ -1 +1 @@
-{"version":3,"file":"defs.js","names":["BUTTON_KIND","exports","BUTTON_SIZE","BUTTON_ICON_LAYOUT"],"sources":["components/button/defs.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2020, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\n/**\n * Button kinds.\n */\nexport enum BUTTON_KIND {\n  /**\n   * Primary button.\n   */\n  PRIMARY = 'primary',\n\n  /**\n   * Secondary button.\n   */\n  SECONDARY = 'secondary',\n\n  /**\n   * Tertiary button.\n   */\n  TERTIARY = 'tertiary',\n\n  /**\n   * Ghost button.\n   */\n  GHOST = 'ghost',\n\n  /**\n   * Danger button.\n   */\n  DANGER = 'danger',\n\n  /**\n   * Danger tertiary button.\n   */\n  DANGER_TERTIARY = 'danger-tertiary',\n\n  /**\n   * Danger ghost button,\n   */\n  DANGER_GHOST = 'danger-ghost',\n}\n\n/**\n * Button size.\n */\nexport enum BUTTON_SIZE {\n  /**\n   * Regular size.\n   */\n  REGULAR = '',\n\n  /**\n   * Small size.\n   */\n  SMALL = 'sm',\n\n  /**\n   * X-Large size.\n   */\n  EXTRA_LARGE = 'xl',\n\n  /**\n   * Size for form field.\n   */\n  FIELD = 'field',\n}\n\n/**\n * Button icon layout.\n */\nexport enum BUTTON_ICON_LAYOUT {\n  /**\n   * Regular layout.\n   */\n  REGULAR = '',\n\n  /**\n   * Condensed layout.\n   */\n  CONDENSED = 'condensed',\n}\n"],"mappings":";;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AAFA,IAGYA,WAAW;AAqCvB;AACA;AACA;AAFAC,OAAA,CAAAD,WAAA,GAAAA,WAAA;AAAA,WArCYA,WAAW;EAAXA,WAAW;EAAXA,WAAW;EAAXA,WAAW;EAAXA,WAAW;EAAXA,WAAW;EAAXA,WAAW;EAAXA,WAAW;AAAA,GAAXA,WAAW,KAAAC,OAAA,CAAAD,WAAA,GAAXA,WAAW;AAAA,IAwCXE,WAAW;AAsBvB;AACA;AACA;AAFAD,OAAA,CAAAC,WAAA,GAAAA,WAAA;AAAA,WAtBYA,WAAW;EAAXA,WAAW;EAAXA,WAAW;EAAXA,WAAW;EAAXA,WAAW;AAAA,GAAXA,WAAW,KAAAD,OAAA,CAAAC,WAAA,GAAXA,WAAW;AAAA,IAyBXC,kBAAkB;AAAAF,OAAA,CAAAE,kBAAA,GAAAA,kBAAA;AAAA,WAAlBA,kBAAkB;EAAlBA,kBAAkB;EAAlBA,kBAAkB;AAAA,GAAlBA,kBAAkB,KAAAF,OAAA,CAAAE,kBAAA,GAAlBA,kBAAkB"}
+{"version":3,"file":"defs.js","names":["BUTTON_KIND","exports","BUTTON_SIZE","BUTTON_ICON_LAYOUT"],"sources":["components/button/defs.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2020, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\n/**\n * Button kinds.\n */\nexport enum BUTTON_KIND {\n  /**\n   * Primary button.\n   */\n  PRIMARY = 'primary',\n\n  /**\n   * Secondary button.\n   */\n  SECONDARY = 'secondary',\n\n  /**\n   * Tertiary button.\n   */\n  TERTIARY = 'tertiary',\n\n  /**\n   * Ghost button.\n   */\n  GHOST = 'ghost',\n\n  /**\n   * Danger button.\n   */\n  DANGER = 'danger',\n\n  /**\n   * Danger tertiary button.\n   */\n  DANGER_TERTIARY = 'danger-tertiary',\n\n  /**\n   * Danger ghost button,\n   */\n  DANGER_GHOST = 'danger-ghost',\n}\n\n/**\n * Button size.\n */\nexport enum BUTTON_SIZE {\n  /**\n   * Regular size.\n   */\n  REGULAR = '',\n\n  /**\n   * Small size.\n   */\n  SMALL = 'sm',\n\n  /**\n   * X-Large size.\n   */\n  EXTRA_LARGE = 'xl',\n\n  /**\n   * Size for form field.\n   */\n  FIELD = 'field',\n}\n\n/**\n * Button icon layout.\n */\nexport enum BUTTON_ICON_LAYOUT {\n  /**\n   * Regular layout.\n   */\n  REGULAR = '',\n\n  /**\n   * Condensed layout.\n   */\n  CONDENSED = 'condensed',\n}\n"],"mappings":";;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AAFA,IAGYA,WAAW;AAqCvB;AACA;AACA;AAFA,WArCYA,WAAW;EAAXA,WAAW;EAAXA,WAAW;EAAXA,WAAW;EAAXA,WAAW;EAAXA,WAAW;EAAXA,WAAW;EAAXA,WAAW;AAAA,GAAXA,WAAW,KAAAC,OAAA,CAAAD,WAAA,GAAXA,WAAW;AAAA,IAwCXE,WAAW;AAsBvB;AACA;AACA;AAFA,WAtBYA,WAAW;EAAXA,WAAW;EAAXA,WAAW;EAAXA,WAAW;EAAXA,WAAW;AAAA,GAAXA,WAAW,KAAAD,OAAA,CAAAC,WAAA,GAAXA,WAAW;AAAA,IAyBXC,kBAAkB;AAAA,WAAlBA,kBAAkB;EAAlBA,kBAAkB;EAAlBA,kBAAkB;AAAA,GAAlBA,kBAAkB,KAAAF,OAAA,CAAAE,kBAAA,GAAlBA,kBAAkB"}

package/es/components/button-group/button-group-item.js

@@ -85,6 +85,5 @@ var DDSButtonGroupItem = (0, _decorate2["default"])([(0, _carbonElement.carbonEl
   };
 }, _button["default"]);
 /* @__GENERATE_REACT_CUSTOM_ELEMENT_TYPE__ */
-var _default = DDSButtonGroupItem;
-exports["default"] = _default;
+var _default = exports["default"] = DDSButtonGroupItem;
 //# sourceMappingURL=button-group-item.js.map