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

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

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

Files changed (788) hide show

package/es/component-mixins/cta/cta.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["component-mixins/cta/cta.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAiBH,OAAO,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AACjD,OAAO,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAKrD;;GAEG;AACH,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAajB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,UAAU;;;;;;;;;CAStB,CAAC;AAEF,eAAO,MAAM,KAAK,iBAAW,CAAC;AAE9B;;;GAGG;AACH,QAAA,MAAM,QAAQ;IAEV;;;;OAIG;;IAGH;;;;OAIG;wBACiB,UAAU;IAQ9B;;OAEG;aACe,QAAQ;IAE1B;;OAEG;;IAGH;;OAEG;;IAGH;;OAEG;;IAGH;;OAEG;;IAGH;;OAEG;;IAaH;;OAEG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;MA2EN,CAAC;AAEF,oBAAY,YAAY,GAAG,YAAY,CAAC,UAAU,CAAC,OAAO,QAAQ,CAAC,CAAC,CAAC;AAErE,eAAe,QAAQ,CAAC","file":"cta.d.ts","sourcesContent":["/*\n @license\n \n Copyright IBM Corp. 2020, 2022\n \n This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n /\n\nimport { html } from 'lit-element';\nimport settings from 'carbon-components/es/globals/js/settings.js';\nimport ArrowDown20 from '@carbon/~~carbon-~~web-components/es/icons/arrow--down/20.js';\nimport ArrowRight20 from '@carbon/~~carbon-~~web-components/es/icons/arrow--right/20.js';\nimport Download20 from '@carbon/~~carbon-~~web-components/es/icons/download/20.js';\nimport Launch20 from '@carbon/~~carbon-~~web-components/es/icons/launch/20.js';\nimport PlayOutline20 from '@carbon/~~carbon-~~web-components/es/icons/play--outline/20.js';\nimport Blog20 from '@carbon/~~carbon-~~web-components/es/icons/blog/20.js';\nimport DocumentPDF20 from '@carbon/~~carbon-~~web-components/es/icons/document--pdf/20.js';\nimport NewTab20 from '@carbon/~~carbon-~~web-components/es/icons/new-tab/20.js';\nimport Phone20 from '@carbon/~~carbon-~~web-components/es/icons/phone/20.js';\nimport Calendar20 from '@carbon/~~carbon-~~web-components/es/icons/calendar/20.js';\nimport Email20 from '@carbon/~~carbon-~~web-components/es/icons/email/20.js';\nimport Chat20 from '@carbon/~~carbon-~~web-components/es/icons/chat/20.js';\nimport ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';\nimport { Constructor } from '../../globals/defs';\nimport { CTA_TYPE } from '../../components/cta/defs';\n\nconst { prefix } = settings;\nconst { stablePrefix: ddsPrefix } = ddsSettings;\n\n/\n Icons to use, keyed by CTA type.\n /\nexport const icons = {\n [CTA_TYPE.LOCAL]: ArrowRight20,\n [CTA_TYPE.DOWNLOAD]: Download20,\n [CTA_TYPE.EXTERNAL]: Launch20,\n [CTA_TYPE.NEW_TAB]: NewTab20,\n [CTA_TYPE.JUMP]: ArrowDown20,\n [CTA_TYPE.VIDEO]: PlayOutline20,\n [CTA_TYPE.PDF]: DocumentPDF20,\n [CTA_TYPE.BLOG]: Blog20,\n [CTA_TYPE.EMAIL]: Email20,\n [CTA_TYPE.SCHEDULE]: Calendar20,\n [CTA_TYPE.CHAT]: Chat20,\n [CTA_TYPE.CALL]: Phone20,\n};\n\n/\n Aria Labels to use, keyed by CTA type.\n /\nexport const ariaLabels = {\n [CTA_TYPE.LOCAL]: '',\n [CTA_TYPE.DOWNLOAD]: ' - This link downloads a file',\n [CTA_TYPE.EXTERNAL]: ' - This link opens in a new tab',\n [CTA_TYPE.NEW_TAB]: ' - This link opens in a new tab',\n [CTA_TYPE.JUMP]: '',\n [CTA_TYPE.VIDEO]: ' - This link plays a video',\n [CTA_TYPE.PDF]: ' - This link downloads a pdf',\n [CTA_TYPE.BLOG]: '',\n};\n\nexport const types = CTA_TYPE;\n\n/\n @param Base The base class.\n * @returns A mix-in implementing the logic of handling link for CTA.\n /\nconst CTAMixin = <T extends Constructor<HTMLElement>>(Base: T) => {\n abstract class CTAMixinImpl extends Base {\n /\n The `<a>`.\n \n @internal\n /\n abstract _linkNode;\n\n /\n Handles `click` event on the `<a>.\n \n @param event The event.\n /\n _handleClick(event: MouseEvent) {\n const { disabled } = this;\n if (disabled) {\n event.preventDefault(); // Stop following the link\n event.stopPropagation(); // Stop firing `onClick`\n }\n }\n\n /\n The CTA type.\n /\n abstract ctaType: CTA_TYPE;\n\n /\n `true` if the button should be disabled.\n /\n abstract disabled?: boolean;\n\n /\n The default file name.\n /\n abstract download?: string;\n\n /\n Link `href`.\n /\n abstract href?: string;\n\n /\n The link target.\n /\n abstract target?: string;\n\n /\n @returns The template for the icon.\n /\n _renderIcon() {\n const { ctaType } = this;\n return html`\n <slot name=\"icon\">\n <span class=\"bx--visually-hidden\">${ariaLabels[ctaType]}</span>\n ${icons[ctaType]?.({\n class: `${prefix}--card__cta ${ddsPrefix}-ce--cta__icon`,\n })}\n </slot>\n `;\n }\n\n /\n Handles `.updated()` method of `lit-element`.\n */\n updated(changedProperties) {\n // Declaring this mixin as it extends `LitElement` seems to cause a TS error\n // @ts-ignore\n super.updated(changedProperties);\n const { ctaType, _linkNode: linkNode } = this;\n if (\n changedProperties.has('ctaType') \|\|\n changedProperties.has('download')\n ) {\n const { download } = this;\n\n const downloadTypes = [CTA_TYPE.DOWNLOAD, CTA_TYPE.PDF];\n\n if (!downloadTypes.includes(ctaType) && download) {\n // eslint-disable-next-line no-console\n console.warn(\n `\\`download\\` property used with a CTA data item besides \\`type: download\|pdf\\` (\\`type: ${ctaType}\\`).`\n );\n }\n\n const contactMethods = {\n [CTA_TYPE.EMAIL]: 'email-link',\n [CTA_TYPE.SCHEDULE]: 'scheduler-link',\n [CTA_TYPE.CHAT]: 'chat-link',\n [CTA_TYPE.CALL]: 'phone-link',\n };\n\n if (Object.keys(contactMethods).includes(ctaType)) {\n linkNode.dataset.ibmContact = contactMethods[ctaType];\n }\n }\n // TODO: See why `linkNode` can possibly be `null`\n if (linkNode && linkNode.nodeName === 'A') {\n if (changedProperties.has('ctaType') \|\| changedProperties.has('href')) {\n const { href } = this;\n const hrefValue = ctaType !== CTA_TYPE.VIDEO ? href : '#';\n // If this CTA is of video, uses the link as the action button\n if (hrefValue == null) {\n linkNode.removeAttribute('href');\n } else {\n linkNode.setAttribute('href', hrefValue);\n }\n }\n if (\n changedProperties.has('ctaType') \|\|\n changedProperties.has('target')\n ) {\n // Default the target to `_blank` if this CTA is an external link and\n // target is not already set\n const { target } = this;\n\n const newTabTypes = [CTA_TYPE.EXTERNAL, CTA_TYPE.NEW_TAB];\n\n const targetInEffect =\n newTabTypes.includes(ctaType) && !target ? '_blank' : target;\n\n if (!targetInEffect) {\n linkNode.removeAttribute('target');\n } else {\n linkNode.setAttribute('target', targetInEffect);\n }\n }\n if (linkNode.hasAttribute('aria-label')) {\n linkNode.setAttribute(\n 'aria-label',\n linkNode.getAttribute('aria-label') +\n (ctaType ? ariaLabels[ctaType] : '')\n );\n }\n }\n }\n }\n\n return CTAMixinImpl;\n};\n\nexport type CTAMixinImpl = InstanceType<ReturnType<typeof CTAMixin>>;\n\nexport default CTAMixin;\n"]}
1	+ {"version":3,"sources":["component-mixins/cta/cta.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAiBH,OAAO,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AACjD,OAAO,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAKrD;;GAEG;AACH,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAajB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,UAAU;;;;;;;;;CAStB,CAAC;AAEF,eAAO,MAAM,KAAK,iBAAW,CAAC;AAE9B;;;GAGG;AACH,QAAA,MAAM,QAAQ;IAEV;;;;OAIG;;IAGH;;;;OAIG;wBACiB,UAAU;IAQ9B;;OAEG;aACe,QAAQ;IAE1B;;OAEG;;IAGH;;OAEG;;IAGH;;OAEG;;IAGH;;OAEG;;IAGH;;OAEG;;IAaH;;OAEG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;MA2EN,CAAC;AAEF,oBAAY,YAAY,GAAG,YAAY,CAAC,UAAU,CAAC,OAAO,QAAQ,CAAC,CAAC,CAAC;AAErE,eAAe,QAAQ,CAAC","file":"cta.d.ts","sourcesContent":["/*\n @license\n \n Copyright IBM Corp. 2020, 2022\n \n This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n /\n\nimport { html } from 'lit-element';\nimport settings from 'carbon-components/es/globals/js/settings.js';\nimport ArrowDown20 from '@carbon/web-components/es/icons/arrow--down/20.js';\nimport ArrowRight20 from '@carbon/web-components/es/icons/arrow--right/20.js';\nimport Download20 from '@carbon/web-components/es/icons/download/20.js';\nimport Launch20 from '@carbon/web-components/es/icons/launch/20.js';\nimport PlayOutline20 from '@carbon/web-components/es/icons/play--outline/20.js';\nimport Blog20 from '@carbon/web-components/es/icons/blog/20.js';\nimport DocumentPDF20 from '@carbon/web-components/es/icons/document--pdf/20.js';\nimport NewTab20 from '@carbon/web-components/es/icons/new-tab/20.js';\nimport Phone20 from '@carbon/web-components/es/icons/phone/20.js';\nimport Calendar20 from '@carbon/web-components/es/icons/calendar/20.js';\nimport Email20 from '@carbon/web-components/es/icons/email/20.js';\nimport Chat20 from '@carbon/web-components/es/icons/chat/20.js';\nimport ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';\nimport { Constructor } from '../../globals/defs';\nimport { CTA_TYPE } from '../../components/cta/defs';\n\nconst { prefix } = settings;\nconst { stablePrefix: ddsPrefix } = ddsSettings;\n\n/\n Icons to use, keyed by CTA type.\n /\nexport const icons = {\n [CTA_TYPE.LOCAL]: ArrowRight20,\n [CTA_TYPE.DOWNLOAD]: Download20,\n [CTA_TYPE.EXTERNAL]: Launch20,\n [CTA_TYPE.NEW_TAB]: NewTab20,\n [CTA_TYPE.JUMP]: ArrowDown20,\n [CTA_TYPE.VIDEO]: PlayOutline20,\n [CTA_TYPE.PDF]: DocumentPDF20,\n [CTA_TYPE.BLOG]: Blog20,\n [CTA_TYPE.EMAIL]: Email20,\n [CTA_TYPE.SCHEDULE]: Calendar20,\n [CTA_TYPE.CHAT]: Chat20,\n [CTA_TYPE.CALL]: Phone20,\n};\n\n/\n Aria Labels to use, keyed by CTA type.\n /\nexport const ariaLabels = {\n [CTA_TYPE.LOCAL]: '',\n [CTA_TYPE.DOWNLOAD]: ' - This link downloads a file',\n [CTA_TYPE.EXTERNAL]: ' - This link opens in a new tab',\n [CTA_TYPE.NEW_TAB]: ' - This link opens in a new tab',\n [CTA_TYPE.JUMP]: '',\n [CTA_TYPE.VIDEO]: ' - This link plays a video',\n [CTA_TYPE.PDF]: ' - This link downloads a pdf',\n [CTA_TYPE.BLOG]: '',\n};\n\nexport const types = CTA_TYPE;\n\n/\n @param Base The base class.\n * @returns A mix-in implementing the logic of handling link for CTA.\n /\nconst CTAMixin = <T extends Constructor<HTMLElement>>(Base: T) => {\n abstract class CTAMixinImpl extends Base {\n /\n The `<a>`.\n \n @internal\n /\n abstract _linkNode;\n\n /\n Handles `click` event on the `<a>.\n \n @param event The event.\n /\n _handleClick(event: MouseEvent) {\n const { disabled } = this;\n if (disabled) {\n event.preventDefault(); // Stop following the link\n event.stopPropagation(); // Stop firing `onClick`\n }\n }\n\n /\n The CTA type.\n /\n abstract ctaType: CTA_TYPE;\n\n /\n `true` if the button should be disabled.\n /\n abstract disabled?: boolean;\n\n /\n The default file name.\n /\n abstract download?: string;\n\n /\n Link `href`.\n /\n abstract href?: string;\n\n /\n The link target.\n /\n abstract target?: string;\n\n /\n @returns The template for the icon.\n /\n _renderIcon() {\n const { ctaType } = this;\n return html`\n <slot name=\"icon\">\n <span class=\"bx--visually-hidden\">${ariaLabels[ctaType]}</span>\n ${icons[ctaType]?.({\n class: `${prefix}--card__cta ${ddsPrefix}-ce--cta__icon`,\n })}\n </slot>\n `;\n }\n\n /\n Handles `.updated()` method of `lit-element`.\n */\n updated(changedProperties) {\n // Declaring this mixin as it extends `LitElement` seems to cause a TS error\n // @ts-ignore\n super.updated(changedProperties);\n const { ctaType, _linkNode: linkNode } = this;\n if (\n changedProperties.has('ctaType') \|\|\n changedProperties.has('download')\n ) {\n const { download } = this;\n\n const downloadTypes = [CTA_TYPE.DOWNLOAD, CTA_TYPE.PDF];\n\n if (!downloadTypes.includes(ctaType) && download) {\n // eslint-disable-next-line no-console\n console.warn(\n `\\`download\\` property used with a CTA data item besides \\`type: download\|pdf\\` (\\`type: ${ctaType}\\`).`\n );\n }\n\n const contactMethods = {\n [CTA_TYPE.EMAIL]: 'email-link',\n [CTA_TYPE.SCHEDULE]: 'scheduler-link',\n [CTA_TYPE.CHAT]: 'chat-link',\n [CTA_TYPE.CALL]: 'phone-link',\n };\n\n if (Object.keys(contactMethods).includes(ctaType)) {\n linkNode.dataset.ibmContact = contactMethods[ctaType];\n }\n }\n // TODO: See why `linkNode` can possibly be `null`\n if (linkNode && linkNode.nodeName === 'A') {\n if (changedProperties.has('ctaType') \|\| changedProperties.has('href')) {\n const { href } = this;\n const hrefValue = ctaType !== CTA_TYPE.VIDEO ? href : '#';\n // If this CTA is of video, uses the link as the action button\n if (hrefValue == null) {\n linkNode.removeAttribute('href');\n } else {\n linkNode.setAttribute('href', hrefValue);\n }\n }\n if (\n changedProperties.has('ctaType') \|\|\n changedProperties.has('target')\n ) {\n // Default the target to `_blank` if this CTA is an external link and\n // target is not already set\n const { target } = this;\n\n const newTabTypes = [CTA_TYPE.EXTERNAL, CTA_TYPE.NEW_TAB];\n\n const targetInEffect =\n newTabTypes.includes(ctaType) && !target ? '_blank' : target;\n\n if (!targetInEffect) {\n linkNode.removeAttribute('target');\n } else {\n linkNode.setAttribute('target', targetInEffect);\n }\n }\n if (linkNode.hasAttribute('aria-label')) {\n linkNode.setAttribute(\n 'aria-label',\n linkNode.getAttribute('aria-label') +\n (ctaType ? ariaLabels[ctaType] : '')\n );\n }\n }\n }\n }\n\n return CTAMixinImpl;\n};\n\nexport type CTAMixinImpl = InstanceType<ReturnType<typeof CTAMixin>>;\n\nexport default CTAMixin;\n"]}

package/es/component-mixins/cta/cta.js CHANGED Viewed

@@ -11,18 +11,18 @@ let _ = t => t,
 import { html } from 'lit-element';
 import settings from 'carbon-components/es/globals/js/settings.js';
-import ArrowDown20 from '@carbon/carbon-web-components/es/icons/arrow--down/20.js';
-import ArrowRight20 from '@carbon/carbon-web-components/es/icons/arrow--right/20.js';
-import Download20 from '@carbon/carbon-web-components/es/icons/download/20.js';
-import Launch20 from '@carbon/carbon-web-components/es/icons/launch/20.js';
-import PlayOutline20 from '@carbon/carbon-web-components/es/icons/play--outline/20.js';
-import Blog20 from '@carbon/carbon-web-components/es/icons/blog/20.js';
-import DocumentPDF20 from '@carbon/carbon-web-components/es/icons/document--pdf/20.js';
-import NewTab20 from '@carbon/carbon-web-components/es/icons/new-tab/20.js';
-import Phone20 from '@carbon/carbon-web-components/es/icons/phone/20.js';
-import Calendar20 from '@carbon/carbon-web-components/es/icons/calendar/20.js';
-import Email20 from '@carbon/carbon-web-components/es/icons/email/20.js';
-import Chat20 from '@carbon/carbon-web-components/es/icons/chat/20.js';
+import ArrowDown20 from '@carbon/web-components/es/icons/arrow--down/20.js';
+import ArrowRight20 from '@carbon/web-components/es/icons/arrow--right/20.js';
+import Download20 from '@carbon/web-components/es/icons/download/20.js';
+import Launch20 from '@carbon/web-components/es/icons/launch/20.js';
+import PlayOutline20 from '@carbon/web-components/es/icons/play--outline/20.js';
+import Blog20 from '@carbon/web-components/es/icons/blog/20.js';
+import DocumentPDF20 from '@carbon/web-components/es/icons/document--pdf/20.js';
+import NewTab20 from '@carbon/web-components/es/icons/new-tab/20.js';
+import Phone20 from '@carbon/web-components/es/icons/phone/20.js';
+import Calendar20 from '@carbon/web-components/es/icons/calendar/20.js';
+import Email20 from '@carbon/web-components/es/icons/email/20.js';
+import Chat20 from '@carbon/web-components/es/icons/chat/20.js';
 import ddsSettings from "../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings.js";
 import { CTA_TYPE } from "../../components/cta/defs.js";
 const {

package/es/component-mixins/cta/cta.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"cta.js","names":["html","settings","ArrowDown20","ArrowRight20","Download20","Launch20","PlayOutline20","Blog20","DocumentPDF20","NewTab20","Phone20","Calendar20","Email20","Chat20","ddsSettings","CTA_TYPE","prefix","stablePrefix","ddsPrefix","icons","LOCAL","DOWNLOAD","EXTERNAL","NEW_TAB","JUMP","VIDEO","PDF","BLOG","EMAIL","SCHEDULE","CHAT","CALL","ariaLabels","types","CTAMixin","Base","CTAMixinImpl","_handleClick","event","disabled","preventDefault","stopPropagation","_renderIcon","ctaType","class","updated","changedProperties","_linkNode","linkNode","has","download","downloadTypes","includes","console","warn","contactMethods","Object","keys","dataset","ibmContact","nodeName","href","hrefValue","removeAttribute","setAttribute","target","newTabTypes","targetInEffect","hasAttribute","getAttribute"],"sources":["component-mixins/cta/cta.ts"],"sourcesContent":["/*\n @license\n \n Copyright IBM Corp. 2020, 2022\n \n This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n /\n\nimport { html } from 'lit-element';\nimport settings from 'carbon-components/es/globals/js/settings.js';\nimport ArrowDown20 from '@carbon/carbon-web-components/es/icons/arrow--down/20.js';\nimport ArrowRight20 from '@carbon/carbon-web-components/es/icons/arrow--right/20.js';\nimport Download20 from '@carbon/carbon-web-components/es/icons/download/20.js';\nimport Launch20 from '@carbon/carbon-web-components/es/icons/launch/20.js';\nimport PlayOutline20 from '@carbon/carbon-web-components/es/icons/play--outline/20.js';\nimport Blog20 from '@carbon/carbon-web-components/es/icons/blog/20.js';\nimport DocumentPDF20 from '@carbon/carbon-web-components/es/icons/document--pdf/20.js';\nimport NewTab20 from '@carbon/carbon-web-components/es/icons/new-tab/20.js';\nimport Phone20 from '@carbon/carbon-web-components/es/icons/phone/20.js';\nimport Calendar20 from '@carbon/carbon-web-components/es/icons/calendar/20.js';\nimport Email20 from '@carbon/carbon-web-components/es/icons/email/20.js';\nimport Chat20 from '@carbon/carbon-web-components/es/icons/chat/20.js';\nimport ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';\nimport { Constructor } from '../../globals/defs';\nimport { CTA_TYPE } from '../../components/cta/defs';\n\nconst { prefix } = settings;\nconst { stablePrefix: ddsPrefix } = ddsSettings;\n\n/\n Icons to use, keyed by CTA type.\n /\nexport const icons = {\n [CTA_TYPE.LOCAL]: ArrowRight20,\n [CTA_TYPE.DOWNLOAD]: Download20,\n [CTA_TYPE.EXTERNAL]: Launch20,\n [CTA_TYPE.NEW_TAB]: NewTab20,\n [CTA_TYPE.JUMP]: ArrowDown20,\n [CTA_TYPE.VIDEO]: PlayOutline20,\n [CTA_TYPE.PDF]: DocumentPDF20,\n [CTA_TYPE.BLOG]: Blog20,\n [CTA_TYPE.EMAIL]: Email20,\n [CTA_TYPE.SCHEDULE]: Calendar20,\n [CTA_TYPE.CHAT]: Chat20,\n [CTA_TYPE.CALL]: Phone20,\n};\n\n/\n Aria Labels to use, keyed by CTA type.\n /\nexport const ariaLabels = {\n [CTA_TYPE.LOCAL]: '',\n [CTA_TYPE.DOWNLOAD]: ' - This link downloads a file',\n [CTA_TYPE.EXTERNAL]: ' - This link opens in a new tab',\n [CTA_TYPE.NEW_TAB]: ' - This link opens in a new tab',\n [CTA_TYPE.JUMP]: '',\n [CTA_TYPE.VIDEO]: ' - This link plays a video',\n [CTA_TYPE.PDF]: ' - This link downloads a pdf',\n [CTA_TYPE.BLOG]: '',\n};\n\nexport const types = CTA_TYPE;\n\n/\n @param Base The base class.\n * @returns A mix-in implementing the logic of handling link for CTA.\n /\nconst CTAMixin = <T extends Constructor<HTMLElement>>(Base: T) => {\n abstract class CTAMixinImpl extends Base {\n /\n The `<a>`.\n \n @internal\n /\n abstract _linkNode;\n\n /\n Handles `click` event on the `<a>.\n \n @param event The event.\n /\n _handleClick(event: MouseEvent) {\n const { disabled } = this;\n if (disabled) {\n event.preventDefault(); // Stop following the link\n event.stopPropagation(); // Stop firing `onClick`\n }\n }\n\n /\n The CTA type.\n /\n abstract ctaType: CTA_TYPE;\n\n /\n `true` if the button should be disabled.\n /\n abstract disabled?: boolean;\n\n /\n The default file name.\n /\n abstract download?: string;\n\n /\n Link `href`.\n /\n abstract href?: string;\n\n /\n The link target.\n /\n abstract target?: string;\n\n /\n @returns The template for the icon.\n /\n _renderIcon() {\n const { ctaType } = this;\n return html`\n <slot name=\"icon\">\n <span class=\"bx--visually-hidden\">${ariaLabels[ctaType]}</span>\n ${icons[ctaType]?.({\n class: `${prefix}--card__cta ${ddsPrefix}-ce--cta__icon`,\n })}\n </slot>\n `;\n }\n\n /\n Handles `.updated()` method of `lit-element`.\n */\n updated(changedProperties) {\n // Declaring this mixin as it extends `LitElement` seems to cause a TS error\n // @ts-ignore\n super.updated(changedProperties);\n const { ctaType, _linkNode: linkNode } = this;\n if (\n changedProperties.has('ctaType') \|\|\n changedProperties.has('download')\n ) {\n const { download } = this;\n\n const downloadTypes = [CTA_TYPE.DOWNLOAD, CTA_TYPE.PDF];\n\n if (!downloadTypes.includes(ctaType) && download) {\n // eslint-disable-next-line no-console\n console.warn(\n `\\`download\\` property used with a CTA data item besides \\`type: download\|pdf\\` (\\`type: ${ctaType}\\`).`\n );\n }\n\n const contactMethods = {\n [CTA_TYPE.EMAIL]: 'email-link',\n [CTA_TYPE.SCHEDULE]: 'scheduler-link',\n [CTA_TYPE.CHAT]: 'chat-link',\n [CTA_TYPE.CALL]: 'phone-link',\n };\n\n if (Object.keys(contactMethods).includes(ctaType)) {\n linkNode.dataset.ibmContact = contactMethods[ctaType];\n }\n }\n // TODO: See why `linkNode` can possibly be `null`\n if (linkNode && linkNode.nodeName === 'A') {\n if (changedProperties.has('ctaType') \|\| changedProperties.has('href')) {\n const { href } = this;\n const hrefValue = ctaType !== CTA_TYPE.VIDEO ? href : '#';\n // If this CTA is of video, uses the link as the action button\n if (hrefValue == null) {\n linkNode.removeAttribute('href');\n } else {\n linkNode.setAttribute('href', hrefValue);\n }\n }\n if (\n changedProperties.has('ctaType') \|\|\n changedProperties.has('target')\n ) {\n // Default the target to `_blank` if this CTA is an external link and\n // target is not already set\n const { target } = this;\n\n const newTabTypes = [CTA_TYPE.EXTERNAL, CTA_TYPE.NEW_TAB];\n\n const targetInEffect =\n newTabTypes.includes(ctaType) && !target ? '_blank' : target;\n\n if (!targetInEffect) {\n linkNode.removeAttribute('target');\n } else {\n linkNode.setAttribute('target', targetInEffect);\n }\n }\n if (linkNode.hasAttribute('aria-label')) {\n linkNode.setAttribute(\n 'aria-label',\n linkNode.getAttribute('aria-label') +\n (ctaType ? ariaLabels[ctaType] : '')\n );\n }\n }\n }\n }\n\n return CTAMixinImpl;\n};\n\nexport type CTAMixinImpl = InstanceType<ReturnType<typeof CTAMixin>>;\n\nexport default CTAMixin;\n"],"mappings":"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"}
1	+ {"version":3,"file":"cta.js","names":["html","settings","ArrowDown20","ArrowRight20","Download20","Launch20","PlayOutline20","Blog20","DocumentPDF20","NewTab20","Phone20","Calendar20","Email20","Chat20","ddsSettings","CTA_TYPE","prefix","stablePrefix","ddsPrefix","icons","LOCAL","DOWNLOAD","EXTERNAL","NEW_TAB","JUMP","VIDEO","PDF","BLOG","EMAIL","SCHEDULE","CHAT","CALL","ariaLabels","types","CTAMixin","Base","CTAMixinImpl","_handleClick","event","disabled","preventDefault","stopPropagation","_renderIcon","ctaType","class","updated","changedProperties","_linkNode","linkNode","has","download","downloadTypes","includes","console","warn","contactMethods","Object","keys","dataset","ibmContact","nodeName","href","hrefValue","removeAttribute","setAttribute","target","newTabTypes","targetInEffect","hasAttribute","getAttribute"],"sources":["component-mixins/cta/cta.ts"],"sourcesContent":["/*\n @license\n \n Copyright IBM Corp. 2020, 2022\n \n This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n /\n\nimport { html } from 'lit-element';\nimport settings from 'carbon-components/es/globals/js/settings.js';\nimport ArrowDown20 from '@carbon/web-components/es/icons/arrow--down/20.js';\nimport ArrowRight20 from '@carbon/web-components/es/icons/arrow--right/20.js';\nimport Download20 from '@carbon/web-components/es/icons/download/20.js';\nimport Launch20 from '@carbon/web-components/es/icons/launch/20.js';\nimport PlayOutline20 from '@carbon/web-components/es/icons/play--outline/20.js';\nimport Blog20 from '@carbon/web-components/es/icons/blog/20.js';\nimport DocumentPDF20 from '@carbon/web-components/es/icons/document--pdf/20.js';\nimport NewTab20 from '@carbon/web-components/es/icons/new-tab/20.js';\nimport Phone20 from '@carbon/web-components/es/icons/phone/20.js';\nimport Calendar20 from '@carbon/web-components/es/icons/calendar/20.js';\nimport Email20 from '@carbon/web-components/es/icons/email/20.js';\nimport Chat20 from '@carbon/web-components/es/icons/chat/20.js';\nimport ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';\nimport { Constructor } from '../../globals/defs';\nimport { CTA_TYPE } from '../../components/cta/defs';\n\nconst { prefix } = settings;\nconst { stablePrefix: ddsPrefix } = ddsSettings;\n\n/\n Icons to use, keyed by CTA type.\n /\nexport const icons = {\n [CTA_TYPE.LOCAL]: ArrowRight20,\n [CTA_TYPE.DOWNLOAD]: Download20,\n [CTA_TYPE.EXTERNAL]: Launch20,\n [CTA_TYPE.NEW_TAB]: NewTab20,\n [CTA_TYPE.JUMP]: ArrowDown20,\n [CTA_TYPE.VIDEO]: PlayOutline20,\n [CTA_TYPE.PDF]: DocumentPDF20,\n [CTA_TYPE.BLOG]: Blog20,\n [CTA_TYPE.EMAIL]: Email20,\n [CTA_TYPE.SCHEDULE]: Calendar20,\n [CTA_TYPE.CHAT]: Chat20,\n [CTA_TYPE.CALL]: Phone20,\n};\n\n/\n Aria Labels to use, keyed by CTA type.\n /\nexport const ariaLabels = {\n [CTA_TYPE.LOCAL]: '',\n [CTA_TYPE.DOWNLOAD]: ' - This link downloads a file',\n [CTA_TYPE.EXTERNAL]: ' - This link opens in a new tab',\n [CTA_TYPE.NEW_TAB]: ' - This link opens in a new tab',\n [CTA_TYPE.JUMP]: '',\n [CTA_TYPE.VIDEO]: ' - This link plays a video',\n [CTA_TYPE.PDF]: ' - This link downloads a pdf',\n [CTA_TYPE.BLOG]: '',\n};\n\nexport const types = CTA_TYPE;\n\n/\n @param Base The base class.\n * @returns A mix-in implementing the logic of handling link for CTA.\n /\nconst CTAMixin = <T extends Constructor<HTMLElement>>(Base: T) => {\n abstract class CTAMixinImpl extends Base {\n /\n The `<a>`.\n \n @internal\n /\n abstract _linkNode;\n\n /\n Handles `click` event on the `<a>.\n \n @param event The event.\n /\n _handleClick(event: MouseEvent) {\n const { disabled } = this;\n if (disabled) {\n event.preventDefault(); // Stop following the link\n event.stopPropagation(); // Stop firing `onClick`\n }\n }\n\n /\n The CTA type.\n /\n abstract ctaType: CTA_TYPE;\n\n /\n `true` if the button should be disabled.\n /\n abstract disabled?: boolean;\n\n /\n The default file name.\n /\n abstract download?: string;\n\n /\n Link `href`.\n /\n abstract href?: string;\n\n /\n The link target.\n /\n abstract target?: string;\n\n /\n @returns The template for the icon.\n /\n _renderIcon() {\n const { ctaType } = this;\n return html`\n <slot name=\"icon\">\n <span class=\"bx--visually-hidden\">${ariaLabels[ctaType]}</span>\n ${icons[ctaType]?.({\n class: `${prefix}--card__cta ${ddsPrefix}-ce--cta__icon`,\n })}\n </slot>\n `;\n }\n\n /\n Handles `.updated()` method of `lit-element`.\n */\n updated(changedProperties) {\n // Declaring this mixin as it extends `LitElement` seems to cause a TS error\n // @ts-ignore\n super.updated(changedProperties);\n const { ctaType, _linkNode: linkNode } = this;\n if (\n changedProperties.has('ctaType') \|\|\n changedProperties.has('download')\n ) {\n const { download } = this;\n\n const downloadTypes = [CTA_TYPE.DOWNLOAD, CTA_TYPE.PDF];\n\n if (!downloadTypes.includes(ctaType) && download) {\n // eslint-disable-next-line no-console\n console.warn(\n `\\`download\\` property used with a CTA data item besides \\`type: download\|pdf\\` (\\`type: ${ctaType}\\`).`\n );\n }\n\n const contactMethods = {\n [CTA_TYPE.EMAIL]: 'email-link',\n [CTA_TYPE.SCHEDULE]: 'scheduler-link',\n [CTA_TYPE.CHAT]: 'chat-link',\n [CTA_TYPE.CALL]: 'phone-link',\n };\n\n if (Object.keys(contactMethods).includes(ctaType)) {\n linkNode.dataset.ibmContact = contactMethods[ctaType];\n }\n }\n // TODO: See why `linkNode` can possibly be `null`\n if (linkNode && linkNode.nodeName === 'A') {\n if (changedProperties.has('ctaType') \|\| changedProperties.has('href')) {\n const { href } = this;\n const hrefValue = ctaType !== CTA_TYPE.VIDEO ? href : '#';\n // If this CTA is of video, uses the link as the action button\n if (hrefValue == null) {\n linkNode.removeAttribute('href');\n } else {\n linkNode.setAttribute('href', hrefValue);\n }\n }\n if (\n changedProperties.has('ctaType') \|\|\n changedProperties.has('target')\n ) {\n // Default the target to `_blank` if this CTA is an external link and\n // target is not already set\n const { target } = this;\n\n const newTabTypes = [CTA_TYPE.EXTERNAL, CTA_TYPE.NEW_TAB];\n\n const targetInEffect =\n newTabTypes.includes(ctaType) && !target ? '_blank' : target;\n\n if (!targetInEffect) {\n linkNode.removeAttribute('target');\n } else {\n linkNode.setAttribute('target', targetInEffect);\n }\n }\n if (linkNode.hasAttribute('aria-label')) {\n linkNode.setAttribute(\n 'aria-label',\n linkNode.getAttribute('aria-label') +\n (ctaType ? ariaLabels[ctaType] : '')\n );\n }\n }\n }\n }\n\n return CTAMixinImpl;\n};\n\nexport type CTAMixinImpl = InstanceType<ReturnType<typeof CTAMixin>>;\n\nexport default CTAMixin;\n"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,IAAI,QAAQ,aAAa;AAClC,OAAOC,QAAQ,MAAM,6CAA6C;AAClE,OAAOC,WAAW,MAAM,mDAAmD;AAC3E,OAAOC,YAAY,MAAM,oDAAoD;AAC7E,OAAOC,UAAU,MAAM,gDAAgD;AACvE,OAAOC,QAAQ,MAAM,8CAA8C;AACnE,OAAOC,aAAa,MAAM,qDAAqD;AAC/E,OAAOC,MAAM,MAAM,4CAA4C;AAC/D,OAAOC,aAAa,MAAM,qDAAqD;AAC/E,OAAOC,QAAQ,MAAM,+CAA+C;AACpE,OAAOC,OAAO,MAAM,6CAA6C;AACjE,OAAOC,UAAU,MAAM,gDAAgD;AACvE,OAAOC,OAAO,MAAM,6CAA6C;AACjE,OAAOC,MAAM,MAAM,4CAA4C;AAC/D,OAAOC,WAAW,MAAM,kFAA+E;AAEvG,SAASC,QAAQ,QAAQ,8BAA2B;AAEpD,MAAM;EAAEC;AAAO,CAAC,GAAGf,QAAQ;AAC3B,MAAM;EAAEgB,YAAY,EAAEC;AAAU,CAAC,GAAGJ,WAAW;;AAE/C;AACA;AACA;AACA,OAAO,MAAMK,KAAK,GAAG;EACnB,CAACJ,QAAQ,CAACK,KAAK,GAAGjB,YAAY;EAC9B,CAACY,QAAQ,CAACM,QAAQ,GAAGjB,UAAU;EAC/B,CAACW,QAAQ,CAACO,QAAQ,GAAGjB,QAAQ;EAC7B,CAACU,QAAQ,CAACQ,OAAO,GAAGd,QAAQ;EAC5B,CAACM,QAAQ,CAACS,IAAI,GAAGtB,WAAW;EAC5B,CAACa,QAAQ,CAACU,KAAK,GAAGnB,aAAa;EAC/B,CAACS,QAAQ,CAACW,GAAG,GAAGlB,aAAa;EAC7B,CAACO,QAAQ,CAACY,IAAI,GAAGpB,MAAM;EACvB,CAACQ,QAAQ,CAACa,KAAK,GAAGhB,OAAO;EACzB,CAACG,QAAQ,CAACc,QAAQ,GAAGlB,UAAU;EAC/B,CAACI,QAAQ,CAACe,IAAI,GAAGjB,MAAM;EACvB,CAACE,QAAQ,CAACgB,IAAI,GAAGrB;AACnB,CAAC;;AAED;AACA;AACA;AACA,OAAO,MAAMsB,UAAU,GAAG;EACxB,CAACjB,QAAQ,CAACK,KAAK,GAAG,EAAE;EACpB,CAACL,QAAQ,CAACM,QAAQ,GAAG,+BAA+B;EACpD,CAACN,QAAQ,CAACO,QAAQ,GAAG,iCAAiC;EACtD,CAACP,QAAQ,CAACQ,OAAO,GAAG,iCAAiC;EACrD,CAACR,QAAQ,CAACS,IAAI,GAAG,EAAE;EACnB,CAACT,QAAQ,CAACU,KAAK,GAAG,4BAA4B;EAC9C,CAACV,QAAQ,CAACW,GAAG,GAAG,8BAA8B;EAC9C,CAACX,QAAQ,CAACY,IAAI,GAAG;AACnB,CAAC;AAED,OAAO,MAAMM,KAAK,GAAGlB,QAAQ;;AAE7B;AACA;AACA;AACA;AACA,MAAMmB,QAAQ,GAAwCC,IAAO,IAAK;EAChE,MAAeC,YAAY,SAASD,IAAI,CAAC;IACvC;AACJ;AACA;AACA;AACA;;IAGI;AACJ;AACA;AACA;AACA;IACIE,YAAY,CAACC,KAAiB,EAAE;MAC9B,MAAM;QAAEC;MAAS,CAAC,GAAG,IAAI;MACzB,IAAIA,QAAQ,EAAE;QACZD,KAAK,CAACE,cAAc,EAAE,CAAC,CAAC;QACxBF,KAAK,CAACG,eAAe,EAAE,CAAC,CAAC;MAC3B;IACF;;IAEA;AACJ;AACA;;IAuBI;AACJ;AACA;IACIC,WAAW,GAAG;MAAA;MACZ,MAAM;QAAEC;MAAQ,CAAC,GAAG,IAAI;MACxB,OAAO3C,IAAI,cAAC;AAClB;AACA,8CAA4C,CAAsB;AAClE,YAAU,CAEG;AACb;AACA,OAAM,GALwCgC,UAAU,CAACW,OAAO,CAAC,oBACrDxB,KAAK,CAACwB,OAAO,CAAC,mDAAd,oBAAAxB,KAAK,EAAY;QACjByB,KAAK,EAAG,GAAE5B,MAAO,eAAcE,SAAU;MAC3C,CAAC,CAAC;IAGR;;IAEA;AACJ;AACA;IACI2B,OAAO,CAACC,iBAAiB,EAAE;MACzB;MACA;MACA,KAAK,CAACD,OAAO,CAACC,iBAAiB,CAAC;MAChC,MAAM;QAAEH,OAAO;QAAEI,SAAS,EAAEC;MAAS,CAAC,GAAG,IAAI;MAC7C,IACEF,iBAAiB,CAACG,GAAG,CAAC,SAAS,CAAC,IAChCH,iBAAiB,CAACG,GAAG,CAAC,UAAU,CAAC,EACjC;QACA,MAAM;UAAEC;QAAS,CAAC,GAAG,IAAI;QAEzB,MAAMC,aAAa,GAAG,CAACpC,QAAQ,CAACM,QAAQ,EAAEN,QAAQ,CAACW,GAAG,CAAC;QAEvD,IAAI,CAACyB,aAAa,CAACC,QAAQ,CAACT,OAAO,CAAC,IAAIO,QAAQ,EAAE;UAChD;UACAG,OAAO,CAACC,IAAI,CACT,2FAA0FX,OAAQ,MAAK,CACzG;QACH;QAEA,MAAMY,cAAc,GAAG;UACrB,CAACxC,QAAQ,CAACa,KAAK,GAAG,YAAY;UAC9B,CAACb,QAAQ,CAACc,QAAQ,GAAG,gBAAgB;UACrC,CAACd,QAAQ,CAACe,IAAI,GAAG,WAAW;UAC5B,CAACf,QAAQ,CAACgB,IAAI,GAAG;QACnB,CAAC;QAED,IAAIyB,MAAM,CAACC,IAAI,CAACF,cAAc,CAAC,CAACH,QAAQ,CAACT,OAAO,CAAC,EAAE;UACjDK,QAAQ,CAACU,OAAO,CAACC,UAAU,GAAGJ,cAAc,CAACZ,OAAO,CAAC;QACvD;MACF;MACA;MACA,IAAIK,QAAQ,IAAIA,QAAQ,CAACY,QAAQ,KAAK,GAAG,EAAE;QACzC,IAAId,iBAAiB,CAACG,GAAG,CAAC,SAAS,CAAC,IAAIH,iBAAiB,CAACG,GAAG,CAAC,MAAM,CAAC,EAAE;UACrE,MAAM;YAAEY;UAAK,CAAC,GAAG,IAAI;UACrB,MAAMC,SAAS,GAAGnB,OAAO,KAAK5B,QAAQ,CAACU,KAAK,GAAGoC,IAAI,GAAG,GAAG;UACzD;UACA,IAAIC,SAAS,IAAI,IAAI,EAAE;YACrBd,QAAQ,CAACe,eAAe,CAAC,MAAM,CAAC;UAClC,CAAC,MAAM;YACLf,QAAQ,CAACgB,YAAY,CAAC,MAAM,EAAEF,SAAS,CAAC;UAC1C;QACF;QACA,IACEhB,iBAAiB,CAACG,GAAG,CAAC,SAAS,CAAC,IAChCH,iBAAiB,CAACG,GAAG,CAAC,QAAQ,CAAC,EAC/B;UACA;UACA;UACA,MAAM;YAAEgB;UAAO,CAAC,GAAG,IAAI;UAEvB,MAAMC,WAAW,GAAG,CAACnD,QAAQ,CAACO,QAAQ,EAAEP,QAAQ,CAACQ,OAAO,CAAC;UAEzD,MAAM4C,cAAc,GAClBD,WAAW,CAACd,QAAQ,CAACT,OAAO,CAAC,IAAI,CAACsB,MAAM,GAAG,QAAQ,GAAGA,MAAM;UAE9D,IAAI,CAACE,cAAc,EAAE;YACnBnB,QAAQ,CAACe,eAAe,CAAC,QAAQ,CAAC;UACpC,CAAC,MAAM;YACLf,QAAQ,CAACgB,YAAY,CAAC,QAAQ,EAAEG,cAAc,CAAC;UACjD;QACF;QACA,IAAInB,QAAQ,CAACoB,YAAY,CAAC,YAAY,CAAC,EAAE;UACvCpB,QAAQ,CAACgB,YAAY,CACnB,YAAY,EACZhB,QAAQ,CAACqB,YAAY,CAAC,YAAY,CAAC,IAChC1B,OAAO,GAAGX,UAAU,CAACW,OAAO,CAAC,GAAG,EAAE,CAAC,CACvC;QACH;MACF;IACF;EACF;EAEA,OAAOP,YAAY;AACrB,CAAC;AAID,eAAeF,QAAQ"}

package/es/component-mixins/cta/video.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["component-mixins/cta/video.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAQH,OAAO,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AACjD,OAAO,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAIrD;;GAEG;AACH,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;CAMjB,CAAC;AAEF;;;GAGG;AACH,QAAA,MAAM,aAAa;IAEf;;;;OAIG;wBACiB,UAAU;IAwB9B;;OAEG;aACe,QAAQ;IAE1B;;OAEG;;IAGH;;;OAGG;;;;UAGgE,MAAM;IAEzE;;;OAGG;;;UAG2C,MAAM;IAEpD;;OAEG;;IAGH;;OAEG;;IAGH;;OAEG;;IAGH;;OAEG;;IAGH;;OAEG;;IAGH;;OAEG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IA8CH;;OAEG;;IAKH;;OAEG;;MAON,CAAC;AAEF,oBAAY,iBAAiB,GAAG,YAAY,CAAC,UAAU,CAAC,OAAO,aAAa,CAAC,CAAC,CAAC;AAE/E,eAAe,aAAa,CAAC","file":"video.d.ts","sourcesContent":["/*\n @license\n \n Copyright IBM Corp. 2020, 2022\n \n This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n /\n\nimport ArrowDown20 from '@carbon/~~carbon-~~web-components/es/icons/arrow--down/20.js';\nimport ArrowRight20 from '@carbon/~~carbon-~~web-components/es/icons/arrow--right/20.js';\nimport Download20 from '@carbon/~~carbon-~~web-components/es/icons/download/20.js';\nimport Launch20 from '@carbon/~~carbon-~~web-components/es/icons/launch/20.js';\nimport PlayOutline20 from '@carbon/~~carbon-~~web-components/es/icons/play--outline/20.js';\nimport ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';\nimport { Constructor } from '../../globals/defs';\nimport { CTA_TYPE } from '../../components/cta/defs';\n\nconst { stablePrefix: ddsPrefix } = ddsSettings;\n\n/\n Icons to use, keyed by CTA type.\n /\nexport const icons = {\n [CTA_TYPE.LOCAL]: ArrowRight20,\n [CTA_TYPE.DOWNLOAD]: Download20,\n [CTA_TYPE.EXTERNAL]: Launch20,\n [CTA_TYPE.JUMP]: ArrowDown20,\n [CTA_TYPE.VIDEO]: PlayOutline20,\n};\n\n/\n @param Base The base class.\n * @returns A mix-in implementing the logic of handling link for CTA.\n /\nconst VideoCTAMixin = <T extends Constructor<HTMLElement>>(Base: T) => {\n abstract class VideoCTAMixinImpl extends Base {\n /\n Handles `click` event on the `<a>.\n \n @param event The event.\n /\n _handleClick(event: MouseEvent) {\n this.focus();\n const { ctaType, disabled, href, videoName, videoDescription } = this;\n if (ctaType === CTA_TYPE.VIDEO) {\n event.preventDefault(); // Stop following the link\n }\n if (!disabled) {\n const { eventRunAction } = this.constructor as typeof VideoCTAMixinImpl;\n this.dispatchEvent(\n new CustomEvent(eventRunAction, {\n bubbles: true,\n cancelable: true,\n composed: true,\n detail: {\n href,\n ctaType,\n videoName,\n videoDescription,\n },\n })\n );\n }\n }\n\n /\n The CTA type.\n /\n abstract ctaType: CTA_TYPE;\n\n /\n `true` if the button should be disabled.\n /\n abstract disabled?: boolean;\n\n /\n The formatter for the video caption, composed with the video name and the video duration.\n * Should be changed upon the locale the UI is rendered with.\n /\n abstract formatVideoCaption?:\n \| never\n \| (({ duration, name }: { duration?: string; name?: string }) => string);\n\n /\n The formatter for the video duration.\n * Should be changed upon the locale the UI is rendered with.\n /\n abstract formatVideoDuration?:\n \| never\n \| (({ duration }: { duration?: number }) => string);\n\n /\n Link `href`.\n /\n abstract href?: string;\n\n /\n The video duration.\n /\n abstract videoDuration?: never \| number;\n\n /\n The video name.\n /\n abstract videoName?: never \| string;\n\n /\n The video custom description.\n /\n abstract videoDescription?: never \| string;\n\n /\n The video thumbnail URL.\n /\n abstract videoThumbnailUrl?: never \| string;\n\n /\n Handles `.updated()` method of `lit-element`.\n /\n updated(changedProperties) {\n // Declaring this mixin as it extends `LitElement` seems to cause a TS error\n // @ts-ignore\n super.updated(changedProperties);\n const { ctaType, videoName, videoDescription, href, videoDuration } =\n this;\n const { eventRequestVideoData } = this\n .constructor as typeof VideoCTAMixinImpl;\n if (changedProperties.has('ctaType') && ctaType === CTA_TYPE.VIDEO) {\n if (typeof videoDuration === 'undefined') {\n this.dispatchEvent(\n new CustomEvent(eventRequestVideoData, {\n bubbles: true,\n cancelable: true,\n composed: true,\n detail: {\n href,\n videoName,\n videoDescription,\n },\n })\n );\n }\n }\n\n if (\n (changedProperties.has('videoName') &&\n (videoName === null \|\| videoName === 'null')) \|\|\n changedProperties.has('videoDescription')\n ) {\n this.dispatchEvent(\n new CustomEvent(eventRequestVideoData, {\n bubbles: true,\n cancelable: true,\n composed: true,\n detail: {\n videoName,\n videoDescription,\n href,\n },\n })\n );\n }\n }\n\n /\n The name of the custom event fired when there is a user gesture to run the action.\n /\n static get eventRequestVideoData() {\n return `${ddsPrefix}-cta-request-video-data`;\n }\n\n /\n The name of the custom event fired when there is a user gesture to run the action.\n */\n static get eventRunAction() {\n return `${ddsPrefix}-cta-run-action`;\n }\n }\n\n return VideoCTAMixinImpl;\n};\n\nexport type VideoCTAMixinImpl = InstanceType<ReturnType<typeof VideoCTAMixin>>;\n\nexport default VideoCTAMixin;\n"]}
1	+ {"version":3,"sources":["component-mixins/cta/video.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAQH,OAAO,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AACjD,OAAO,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAIrD;;GAEG;AACH,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;CAMjB,CAAC;AAEF;;;GAGG;AACH,QAAA,MAAM,aAAa;IAEf;;;;OAIG;wBACiB,UAAU;IAwB9B;;OAEG;aACe,QAAQ;IAE1B;;OAEG;;IAGH;;;OAGG;;;;UAGgE,MAAM;IAEzE;;;OAGG;;;UAG2C,MAAM;IAEpD;;OAEG;;IAGH;;OAEG;;IAGH;;OAEG;;IAGH;;OAEG;;IAGH;;OAEG;;IAGH;;OAEG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IA8CH;;OAEG;;IAKH;;OAEG;;MAON,CAAC;AAEF,oBAAY,iBAAiB,GAAG,YAAY,CAAC,UAAU,CAAC,OAAO,aAAa,CAAC,CAAC,CAAC;AAE/E,eAAe,aAAa,CAAC","file":"video.d.ts","sourcesContent":["/*\n @license\n \n Copyright IBM Corp. 2020, 2022\n \n This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n /\n\nimport ArrowDown20 from '@carbon/web-components/es/icons/arrow--down/20.js';\nimport ArrowRight20 from '@carbon/web-components/es/icons/arrow--right/20.js';\nimport Download20 from '@carbon/web-components/es/icons/download/20.js';\nimport Launch20 from '@carbon/web-components/es/icons/launch/20.js';\nimport PlayOutline20 from '@carbon/web-components/es/icons/play--outline/20.js';\nimport ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';\nimport { Constructor } from '../../globals/defs';\nimport { CTA_TYPE } from '../../components/cta/defs';\n\nconst { stablePrefix: ddsPrefix } = ddsSettings;\n\n/\n Icons to use, keyed by CTA type.\n /\nexport const icons = {\n [CTA_TYPE.LOCAL]: ArrowRight20,\n [CTA_TYPE.DOWNLOAD]: Download20,\n [CTA_TYPE.EXTERNAL]: Launch20,\n [CTA_TYPE.JUMP]: ArrowDown20,\n [CTA_TYPE.VIDEO]: PlayOutline20,\n};\n\n/\n @param Base The base class.\n * @returns A mix-in implementing the logic of handling link for CTA.\n /\nconst VideoCTAMixin = <T extends Constructor<HTMLElement>>(Base: T) => {\n abstract class VideoCTAMixinImpl extends Base {\n /\n Handles `click` event on the `<a>.\n \n @param event The event.\n /\n _handleClick(event: MouseEvent) {\n this.focus();\n const { ctaType, disabled, href, videoName, videoDescription } = this;\n if (ctaType === CTA_TYPE.VIDEO) {\n event.preventDefault(); // Stop following the link\n }\n if (!disabled) {\n const { eventRunAction } = this.constructor as typeof VideoCTAMixinImpl;\n this.dispatchEvent(\n new CustomEvent(eventRunAction, {\n bubbles: true,\n cancelable: true,\n composed: true,\n detail: {\n href,\n ctaType,\n videoName,\n videoDescription,\n },\n })\n );\n }\n }\n\n /\n The CTA type.\n /\n abstract ctaType: CTA_TYPE;\n\n /\n `true` if the button should be disabled.\n /\n abstract disabled?: boolean;\n\n /\n The formatter for the video caption, composed with the video name and the video duration.\n * Should be changed upon the locale the UI is rendered with.\n /\n abstract formatVideoCaption?:\n \| never\n \| (({ duration, name }: { duration?: string; name?: string }) => string);\n\n /\n The formatter for the video duration.\n * Should be changed upon the locale the UI is rendered with.\n /\n abstract formatVideoDuration?:\n \| never\n \| (({ duration }: { duration?: number }) => string);\n\n /\n Link `href`.\n /\n abstract href?: string;\n\n /\n The video duration.\n /\n abstract videoDuration?: never \| number;\n\n /\n The video name.\n /\n abstract videoName?: never \| string;\n\n /\n The video custom description.\n /\n abstract videoDescription?: never \| string;\n\n /\n The video thumbnail URL.\n /\n abstract videoThumbnailUrl?: never \| string;\n\n /\n Handles `.updated()` method of `lit-element`.\n /\n updated(changedProperties) {\n // Declaring this mixin as it extends `LitElement` seems to cause a TS error\n // @ts-ignore\n super.updated(changedProperties);\n const { ctaType, videoName, videoDescription, href, videoDuration } =\n this;\n const { eventRequestVideoData } = this\n .constructor as typeof VideoCTAMixinImpl;\n if (changedProperties.has('ctaType') && ctaType === CTA_TYPE.VIDEO) {\n if (typeof videoDuration === 'undefined') {\n this.dispatchEvent(\n new CustomEvent(eventRequestVideoData, {\n bubbles: true,\n cancelable: true,\n composed: true,\n detail: {\n href,\n videoName,\n videoDescription,\n },\n })\n );\n }\n }\n\n if (\n (changedProperties.has('videoName') &&\n (videoName === null \|\| videoName === 'null')) \|\|\n changedProperties.has('videoDescription')\n ) {\n this.dispatchEvent(\n new CustomEvent(eventRequestVideoData, {\n bubbles: true,\n cancelable: true,\n composed: true,\n detail: {\n videoName,\n videoDescription,\n href,\n },\n })\n );\n }\n }\n\n /\n The name of the custom event fired when there is a user gesture to run the action.\n /\n static get eventRequestVideoData() {\n return `${ddsPrefix}-cta-request-video-data`;\n }\n\n /\n The name of the custom event fired when there is a user gesture to run the action.\n */\n static get eventRunAction() {\n return `${ddsPrefix}-cta-run-action`;\n }\n }\n\n return VideoCTAMixinImpl;\n};\n\nexport type VideoCTAMixinImpl = InstanceType<ReturnType<typeof VideoCTAMixin>>;\n\nexport default VideoCTAMixin;\n"]}

package/es/component-mixins/cta/video.js CHANGED Viewed

@@ -7,11 +7,11 @@
  * LICENSE file in the root directory of this source tree.
  */
-import ArrowDown20 from '@carbon/carbon-web-components/es/icons/arrow--down/20.js';
-import ArrowRight20 from '@carbon/carbon-web-components/es/icons/arrow--right/20.js';
-import Download20 from '@carbon/carbon-web-components/es/icons/download/20.js';
-import Launch20 from '@carbon/carbon-web-components/es/icons/launch/20.js';
-import PlayOutline20 from '@carbon/carbon-web-components/es/icons/play--outline/20.js';
+import ArrowDown20 from '@carbon/web-components/es/icons/arrow--down/20.js';
+import ArrowRight20 from '@carbon/web-components/es/icons/arrow--right/20.js';
+import Download20 from '@carbon/web-components/es/icons/download/20.js';
+import Launch20 from '@carbon/web-components/es/icons/launch/20.js';
+import PlayOutline20 from '@carbon/web-components/es/icons/play--outline/20.js';
 import ddsSettings from "../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings.js";
 import { CTA_TYPE } from "../../components/cta/defs.js";
 const {

package/es/component-mixins/cta/video.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"video.js","names":["ArrowDown20","ArrowRight20","Download20","Launch20","PlayOutline20","ddsSettings","CTA_TYPE","stablePrefix","ddsPrefix","icons","LOCAL","DOWNLOAD","EXTERNAL","JUMP","VIDEO","VideoCTAMixin","Base","VideoCTAMixinImpl","_handleClick","event","focus","ctaType","disabled","href","videoName","videoDescription","preventDefault","eventRunAction","constructor","dispatchEvent","CustomEvent","bubbles","cancelable","composed","detail","updated","changedProperties","videoDuration","eventRequestVideoData","has"],"sources":["component-mixins/cta/video.ts"],"sourcesContent":["/*\n @license\n \n Copyright IBM Corp. 2020, 2022\n \n This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n /\n\nimport ArrowDown20 from '@carbon/~~carbon-~~web-components/es/icons/arrow--down/20.js';\nimport ArrowRight20 from '@carbon/~~carbon-~~web-components/es/icons/arrow--right/20.js';\nimport Download20 from '@carbon/~~carbon-~~web-components/es/icons/download/20.js';\nimport Launch20 from '@carbon/~~carbon-~~web-components/es/icons/launch/20.js';\nimport PlayOutline20 from '@carbon/~~carbon-~~web-components/es/icons/play--outline/20.js';\nimport ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';\nimport { Constructor } from '../../globals/defs';\nimport { CTA_TYPE } from '../../components/cta/defs';\n\nconst { stablePrefix: ddsPrefix } = ddsSettings;\n\n/\n Icons to use, keyed by CTA type.\n /\nexport const icons = {\n [CTA_TYPE.LOCAL]: ArrowRight20,\n [CTA_TYPE.DOWNLOAD]: Download20,\n [CTA_TYPE.EXTERNAL]: Launch20,\n [CTA_TYPE.JUMP]: ArrowDown20,\n [CTA_TYPE.VIDEO]: PlayOutline20,\n};\n\n/\n @param Base The base class.\n * @returns A mix-in implementing the logic of handling link for CTA.\n /\nconst VideoCTAMixin = <T extends Constructor<HTMLElement>>(Base: T) => {\n abstract class VideoCTAMixinImpl extends Base {\n /\n Handles `click` event on the `<a>.\n \n @param event The event.\n /\n _handleClick(event: MouseEvent) {\n this.focus();\n const { ctaType, disabled, href, videoName, videoDescription } = this;\n if (ctaType === CTA_TYPE.VIDEO) {\n event.preventDefault(); // Stop following the link\n }\n if (!disabled) {\n const { eventRunAction } = this.constructor as typeof VideoCTAMixinImpl;\n this.dispatchEvent(\n new CustomEvent(eventRunAction, {\n bubbles: true,\n cancelable: true,\n composed: true,\n detail: {\n href,\n ctaType,\n videoName,\n videoDescription,\n },\n })\n );\n }\n }\n\n /\n The CTA type.\n /\n abstract ctaType: CTA_TYPE;\n\n /\n `true` if the button should be disabled.\n /\n abstract disabled?: boolean;\n\n /\n The formatter for the video caption, composed with the video name and the video duration.\n * Should be changed upon the locale the UI is rendered with.\n /\n abstract formatVideoCaption?:\n \| never\n \| (({ duration, name }: { duration?: string; name?: string }) => string);\n\n /\n The formatter for the video duration.\n * Should be changed upon the locale the UI is rendered with.\n /\n abstract formatVideoDuration?:\n \| never\n \| (({ duration }: { duration?: number }) => string);\n\n /\n Link `href`.\n /\n abstract href?: string;\n\n /\n The video duration.\n /\n abstract videoDuration?: never \| number;\n\n /\n The video name.\n /\n abstract videoName?: never \| string;\n\n /\n The video custom description.\n /\n abstract videoDescription?: never \| string;\n\n /\n The video thumbnail URL.\n /\n abstract videoThumbnailUrl?: never \| string;\n\n /\n Handles `.updated()` method of `lit-element`.\n /\n updated(changedProperties) {\n // Declaring this mixin as it extends `LitElement` seems to cause a TS error\n // @ts-ignore\n super.updated(changedProperties);\n const { ctaType, videoName, videoDescription, href, videoDuration } =\n this;\n const { eventRequestVideoData } = this\n .constructor as typeof VideoCTAMixinImpl;\n if (changedProperties.has('ctaType') && ctaType === CTA_TYPE.VIDEO) {\n if (typeof videoDuration === 'undefined') {\n this.dispatchEvent(\n new CustomEvent(eventRequestVideoData, {\n bubbles: true,\n cancelable: true,\n composed: true,\n detail: {\n href,\n videoName,\n videoDescription,\n },\n })\n );\n }\n }\n\n if (\n (changedProperties.has('videoName') &&\n (videoName === null \|\| videoName === 'null')) \|\|\n changedProperties.has('videoDescription')\n ) {\n this.dispatchEvent(\n new CustomEvent(eventRequestVideoData, {\n bubbles: true,\n cancelable: true,\n composed: true,\n detail: {\n videoName,\n videoDescription,\n href,\n },\n })\n );\n }\n }\n\n /\n The name of the custom event fired when there is a user gesture to run the action.\n /\n static get eventRequestVideoData() {\n return `${ddsPrefix}-cta-request-video-data`;\n }\n\n /\n The name of the custom event fired when there is a user gesture to run the action.\n */\n static get eventRunAction() {\n return `${ddsPrefix}-cta-run-action`;\n }\n }\n\n return VideoCTAMixinImpl;\n};\n\nexport type VideoCTAMixinImpl = InstanceType<ReturnType<typeof VideoCTAMixin>>;\n\nexport default VideoCTAMixin;\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,OAAOA,WAAW,MAAM,~~0DAA0D~~;~~AAClF~~,OAAOC,YAAY,MAAM,~~2DAA2D~~;~~AACpF~~,OAAOC,UAAU,MAAM,~~uDAAuD~~;~~AAC9E~~,OAAOC,QAAQ,MAAM,~~qDAAqD~~;~~AAC1E~~,OAAOC,aAAa,MAAM,~~4DAA4D~~;~~AACtF~~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"}
1	+ {"version":3,"file":"video.js","names":["ArrowDown20","ArrowRight20","Download20","Launch20","PlayOutline20","ddsSettings","CTA_TYPE","stablePrefix","ddsPrefix","icons","LOCAL","DOWNLOAD","EXTERNAL","JUMP","VIDEO","VideoCTAMixin","Base","VideoCTAMixinImpl","_handleClick","event","focus","ctaType","disabled","href","videoName","videoDescription","preventDefault","eventRunAction","constructor","dispatchEvent","CustomEvent","bubbles","cancelable","composed","detail","updated","changedProperties","videoDuration","eventRequestVideoData","has"],"sources":["component-mixins/cta/video.ts"],"sourcesContent":["/*\n @license\n \n Copyright IBM Corp. 2020, 2022\n \n This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n /\n\nimport ArrowDown20 from '@carbon/web-components/es/icons/arrow--down/20.js';\nimport ArrowRight20 from '@carbon/web-components/es/icons/arrow--right/20.js';\nimport Download20 from '@carbon/web-components/es/icons/download/20.js';\nimport Launch20 from '@carbon/web-components/es/icons/launch/20.js';\nimport PlayOutline20 from '@carbon/web-components/es/icons/play--outline/20.js';\nimport ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';\nimport { Constructor } from '../../globals/defs';\nimport { CTA_TYPE } from '../../components/cta/defs';\n\nconst { stablePrefix: ddsPrefix } = ddsSettings;\n\n/\n Icons to use, keyed by CTA type.\n /\nexport const icons = {\n [CTA_TYPE.LOCAL]: ArrowRight20,\n [CTA_TYPE.DOWNLOAD]: Download20,\n [CTA_TYPE.EXTERNAL]: Launch20,\n [CTA_TYPE.JUMP]: ArrowDown20,\n [CTA_TYPE.VIDEO]: PlayOutline20,\n};\n\n/\n @param Base The base class.\n * @returns A mix-in implementing the logic of handling link for CTA.\n /\nconst VideoCTAMixin = <T extends Constructor<HTMLElement>>(Base: T) => {\n abstract class VideoCTAMixinImpl extends Base {\n /\n Handles `click` event on the `<a>.\n \n @param event The event.\n /\n _handleClick(event: MouseEvent) {\n this.focus();\n const { ctaType, disabled, href, videoName, videoDescription } = this;\n if (ctaType === CTA_TYPE.VIDEO) {\n event.preventDefault(); // Stop following the link\n }\n if (!disabled) {\n const { eventRunAction } = this.constructor as typeof VideoCTAMixinImpl;\n this.dispatchEvent(\n new CustomEvent(eventRunAction, {\n bubbles: true,\n cancelable: true,\n composed: true,\n detail: {\n href,\n ctaType,\n videoName,\n videoDescription,\n },\n })\n );\n }\n }\n\n /\n The CTA type.\n /\n abstract ctaType: CTA_TYPE;\n\n /\n `true` if the button should be disabled.\n /\n abstract disabled?: boolean;\n\n /\n The formatter for the video caption, composed with the video name and the video duration.\n * Should be changed upon the locale the UI is rendered with.\n /\n abstract formatVideoCaption?:\n \| never\n \| (({ duration, name }: { duration?: string; name?: string }) => string);\n\n /\n The formatter for the video duration.\n * Should be changed upon the locale the UI is rendered with.\n /\n abstract formatVideoDuration?:\n \| never\n \| (({ duration }: { duration?: number }) => string);\n\n /\n Link `href`.\n /\n abstract href?: string;\n\n /\n The video duration.\n /\n abstract videoDuration?: never \| number;\n\n /\n The video name.\n /\n abstract videoName?: never \| string;\n\n /\n The video custom description.\n /\n abstract videoDescription?: never \| string;\n\n /\n The video thumbnail URL.\n /\n abstract videoThumbnailUrl?: never \| string;\n\n /\n Handles `.updated()` method of `lit-element`.\n /\n updated(changedProperties) {\n // Declaring this mixin as it extends `LitElement` seems to cause a TS error\n // @ts-ignore\n super.updated(changedProperties);\n const { ctaType, videoName, videoDescription, href, videoDuration } =\n this;\n const { eventRequestVideoData } = this\n .constructor as typeof VideoCTAMixinImpl;\n if (changedProperties.has('ctaType') && ctaType === CTA_TYPE.VIDEO) {\n if (typeof videoDuration === 'undefined') {\n this.dispatchEvent(\n new CustomEvent(eventRequestVideoData, {\n bubbles: true,\n cancelable: true,\n composed: true,\n detail: {\n href,\n videoName,\n videoDescription,\n },\n })\n );\n }\n }\n\n if (\n (changedProperties.has('videoName') &&\n (videoName === null \|\| videoName === 'null')) \|\|\n changedProperties.has('videoDescription')\n ) {\n this.dispatchEvent(\n new CustomEvent(eventRequestVideoData, {\n bubbles: true,\n cancelable: true,\n composed: true,\n detail: {\n videoName,\n videoDescription,\n href,\n },\n })\n );\n }\n }\n\n /\n The name of the custom event fired when there is a user gesture to run the action.\n /\n static get eventRequestVideoData() {\n return `${ddsPrefix}-cta-request-video-data`;\n }\n\n /\n The name of the custom event fired when there is a user gesture to run the action.\n */\n static get eventRunAction() {\n return `${ddsPrefix}-cta-run-action`;\n }\n }\n\n return VideoCTAMixinImpl;\n};\n\nexport type VideoCTAMixinImpl = InstanceType<ReturnType<typeof VideoCTAMixin>>;\n\nexport default VideoCTAMixin;\n"],"mappings":"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"}

package/es/components/back-to-top/__stories__/data/content.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["components/back-to-top/__stories__/data/content.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAGH,OAAO,0BAA0B,CAAC;AAClC,OAAO,qCAAqC,CAAC;AAC7C,OAAO,qCAAqC,CAAC;AAC7C,OAAO,6BAA6B,CAAC;AACrC,OAAO,oCAAoC,CAAC;AAC5C,OAAO,4BAA4B,CAAC;AACpC,OAAO,0BAA0B,CAAC;AAClC,OAAO,oBAAoB,CAAC;AAW5B,QAAA,MAAM,YAAY,4CAwWf,CAAC;AACJ,eAAe,YAAY,CAAC","file":"content.d.ts","sourcesContent":["/*\n Copyright IBM Corp. 2016, 2022\n \n This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { html } from 'lit-element';\nimport '../../../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';\n\nimport ArrowRight20 from '@carbon/carbon-web-components/es/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\nconst 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 >\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 >\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 >\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\"\n ></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 >\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\"\n ></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 >\n <dds-image-item\n media=\"(min-width: 672px)\"\n srcset=\"${leadspaceImg}\"\n ></dds-image-item>\n <dds-image-item\n media=\"(min-width: 0)\"\n srcset=\"${leadspaceImg}\"\n ></dds-image-item>\n </dds-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 >\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 >\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 >\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}\"\n ></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 >\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 >\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\"\n ></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 >\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\"\n ></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 </main>\n `;\nexport default StoryContent;\n"]}
1	+ {"version":3,"sources":["components/back-to-top/__stories__/data/content.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAGH,OAAO,0BAA0B,CAAC;AAClC,OAAO,qCAAqC,CAAC;AAC7C,OAAO,qCAAqC,CAAC;AAC7C,OAAO,6BAA6B,CAAC;AACrC,OAAO,oCAAoC,CAAC;AAC5C,OAAO,4BAA4B,CAAC;AACpC,OAAO,0BAA0B,CAAC;AAClC,OAAO,oBAAoB,CAAC;AAW5B,QAAA,MAAM,YAAY,4CAwWf,CAAC;AACJ,eAAe,YAAY,CAAC","file":"content.d.ts","sourcesContent":["/*\n Copyright IBM Corp. 2016, 2022\n \n This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { html } from 'lit-element';\nimport '../../../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';\n\nimport ArrowRight20 from '@carbon/web-components/es/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\nconst 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 >\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 >\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 >\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\"\n ></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 >\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\"\n ></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 >\n <dds-image-item\n media=\"(min-width: 672px)\"\n srcset=\"${leadspaceImg}\"\n ></dds-image-item>\n <dds-image-item\n media=\"(min-width: 0)\"\n srcset=\"${leadspaceImg}\"\n ></dds-image-item>\n </dds-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 >\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 >\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 >\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}\"\n ></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 >\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 >\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\"\n ></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 >\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\"\n ></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 </main>\n `;\nexport default StoryContent;\n"]}

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

@@ -16,7 +16,7 @@ import "../../../card-section-simple/index.js";
 import "../../../cta-section/index.js";
 import "../../../link-list/index.js";
 import "../../../cta/index.js";
-import ArrowRight20 from '@carbon/carbon-web-components/es/icons/arrow--right/20';
+import ArrowRight20 from '@carbon/web-components/es/icons/arrow--right/20';
 import imgLg1x1 from '../../../../../../storybook-images/assets/960/fpo--1x1--960x960--006.jpg';
 import leadspaceImg from '../../../../../../storybook-images/assets/leadspace/leadspaceMax2.jpg';
 const copy = `Many organizations are engaging in open source technology to optimize their Linux environment.

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

	@@ -1 +1 @@
1	- {"version":3,"file":"content.js","names":["html","ArrowRight20","imgLg1x1","leadspaceImg","copy","StoryContent","slot"],"sources":["components/back-to-top/__stories__/data/content.ts"],"sourcesContent":["/*\n Copyright IBM Corp. 2016, 2022\n \n This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { html } from 'lit-element';\nimport '../../../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';\n\nimport ArrowRight20 from '@carbon/carbon-web-components/es/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\nconst 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 >\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 >\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 >\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\"\n ></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 >\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\"\n ></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 >\n <dds-image-item\n media=\"(min-width: 672px)\"\n srcset=\"${leadspaceImg}\"\n ></dds-image-item>\n <dds-image-item\n media=\"(min-width: 0)\"\n srcset=\"${leadspaceImg}\"\n ></dds-image-item>\n </dds-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 >\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 >\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 >\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}\"\n ></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 >\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 >\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\"\n ></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 >\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\"\n ></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 </main>\n `;\nexport default StoryContent;\n"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,IAAI,QAAQ,aAAa;AAClC,OAAO,6BAA0B;AACjC,OAAO,wCAAqC;AAC5C,OAAO,wCAAqC;AAC5C,OAAO,gCAA6B;AACpC,OAAO,uCAAoC;AAC3C,OAAO,+BAA4B;AACnC,OAAO,6BAA0B;AACjC,OAAO,uBAAoB;AAE3B,OAAOC,YAAY,MAAM,wDAAwD;AACjF,OAAOC,QAAQ,MAAM,0EAA0E;AAC/F,OAAOC,YAAY,MAAM,uEAAuE;AAEhG,MAAMC,IAAI,GAAI;AACd;AACA;AACA,8DAA8D;AAE9D,MAAMC,YAAY,GAAG,MACnBL,IAAI,cAAC;AACP;AACA;AACA;AACA;AACA,qBAAmB,CAAe;AAClC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,uBAAqB,CAAe;AACpC;AACA;AACA;AACA;AACA,oBAAkB,CAAe;AACjC;AACA;AACA;AACA,oBAAkB,CAAe;AACjC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,mBAAiB,CAAO;AACxB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,iCAA+B,CAAW;AAC1C;AACA;AACA;AACA;AACA;AACA;AACA,oBAAkB,CAAiC;AACnD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,sBAAoB,CAAiC;AACrD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,sBAAoB,CAAiC;AACrD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,sBAAoB,CAAiC;AACrD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,+BAA6B,CAAiC;AAC9D;AACA;AACA,4BAA0B,CAAiC;AAC3D;AACA;AACA,sCAAoC,CAAiC;AACrE;AACA;AACA,mCAAiC,CAAiC;AAClE;AACA;AACA,qCAAmC,CAAiC;AACpE;AACA;AACA,+BAA6B,CAAiC;AAC9D;AACA;AACA,uCAAqC,CAAiC;AACtE;AACA;AACA,6BAA2B,CAAiC;AAC5D;AACA;AACA,+BAA6B,CAAiC;AAC9D;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,GAAE,GAlWmBG,YAAY,EA6DVA,YAAY,EAKfA,YAAY,EAIZA,YAAY,EAcbC,IAAI,EA+GUF,QAAQ,EAOrBD,YAAY,CAAC;EAAEK,IAAI,EAAE;AAAO,CAAC,CAAC,EAqB5BL,YAAY,CAAC;EAAEK,IAAI,EAAE;AAAO,CAAC,CAAC,EAW9BL,YAAY,CAAC;EAAEK,IAAI,EAAE;AAAO,CAAC,CAAC,EAW9BL,YAAY,CAAC;EAAEK,IAAI,EAAE;AAAO,CAAC,CAAC,EA4ErBL,YAAY,CAAC;EAAEK,IAAI,EAAE;AAAO,CAAC,CAAC,EAGjCL,YAAY,CAAC;EAAEK,IAAI,EAAE;AAAO,CAAC,CAAC,EAGpBL,YAAY,CAAC;EAAEK,IAAI,EAAE;AAAO,CAAC,CAAC,EAGjCL,YAAY,CAAC;EAAEK,IAAI,EAAE;AAAO,CAAC,CAAC,EAG5BL,YAAY,CAAC;EAAEK,IAAI,EAAE;AAAO,CAAC,CAAC,EAGpCL,YAAY,CAAC;EAAEK,IAAI,EAAE;AAAO,CAAC,CAAC,EAGtBL,YAAY,CAAC;EAAEK,IAAI,EAAE;AAAO,CAAC,CAAC,EAGxCL,YAAY,CAAC;EAAEK,IAAI,EAAE;AAAO,CAAC,CAAC,EAG5BL,YAAY,CAAC;EAAEK,IAAI,EAAE;AAAO,CAAC,CAAC,CAS1D;AACH,eAAeD,YAAY"}
1	+ {"version":3,"file":"content.js","names":["html","ArrowRight20","imgLg1x1","leadspaceImg","copy","StoryContent","slot"],"sources":["components/back-to-top/__stories__/data/content.ts"],"sourcesContent":["/*\n Copyright IBM Corp. 2016, 2022\n \n This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { html } from 'lit-element';\nimport '../../../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';\n\nimport ArrowRight20 from '@carbon/web-components/es/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\nconst 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 >\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 >\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 >\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\"\n ></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 >\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\"\n ></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 >\n <dds-image-item\n media=\"(min-width: 672px)\"\n srcset=\"${leadspaceImg}\"\n ></dds-image-item>\n <dds-image-item\n media=\"(min-width: 0)\"\n srcset=\"${leadspaceImg}\"\n ></dds-image-item>\n </dds-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 >\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 >\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 >\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}\"\n ></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 >\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 >\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\"\n ></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 >\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\"\n ></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 </main>\n `;\nexport default StoryContent;\n"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,IAAI,QAAQ,aAAa;AAClC,OAAO,6BAA0B;AACjC,OAAO,wCAAqC;AAC5C,OAAO,wCAAqC;AAC5C,OAAO,gCAA6B;AACpC,OAAO,uCAAoC;AAC3C,OAAO,+BAA4B;AACnC,OAAO,6BAA0B;AACjC,OAAO,uBAAoB;AAE3B,OAAOC,YAAY,MAAM,iDAAiD;AAC1E,OAAOC,QAAQ,MAAM,0EAA0E;AAC/F,OAAOC,YAAY,MAAM,uEAAuE;AAEhG,MAAMC,IAAI,GAAI;AACd;AACA;AACA,8DAA8D;AAE9D,MAAMC,YAAY,GAAG,MACnBL,IAAI,cAAC;AACP;AACA;AACA;AACA;AACA,qBAAmB,CAAe;AAClC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,uBAAqB,CAAe;AACpC;AACA;AACA;AACA;AACA,oBAAkB,CAAe;AACjC;AACA;AACA;AACA,oBAAkB,CAAe;AACjC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,mBAAiB,CAAO;AACxB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,iCAA+B,CAAW;AAC1C;AACA;AACA;AACA;AACA;AACA;AACA,oBAAkB,CAAiC;AACnD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,sBAAoB,CAAiC;AACrD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,sBAAoB,CAAiC;AACrD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,sBAAoB,CAAiC;AACrD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,+BAA6B,CAAiC;AAC9D;AACA;AACA,4BAA0B,CAAiC;AAC3D;AACA;AACA,sCAAoC,CAAiC;AACrE;AACA;AACA,mCAAiC,CAAiC;AAClE;AACA;AACA,qCAAmC,CAAiC;AACpE;AACA;AACA,+BAA6B,CAAiC;AAC9D;AACA;AACA,uCAAqC,CAAiC;AACtE;AACA;AACA,6BAA2B,CAAiC;AAC5D;AACA;AACA,+BAA6B,CAAiC;AAC9D;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,GAAE,GAlWmBG,YAAY,EA6DVA,YAAY,EAKfA,YAAY,EAIZA,YAAY,EAcbC,IAAI,EA+GUF,QAAQ,EAOrBD,YAAY,CAAC;EAAEK,IAAI,EAAE;AAAO,CAAC,CAAC,EAqB5BL,YAAY,CAAC;EAAEK,IAAI,EAAE;AAAO,CAAC,CAAC,EAW9BL,YAAY,CAAC;EAAEK,IAAI,EAAE;AAAO,CAAC,CAAC,EAW9BL,YAAY,CAAC;EAAEK,IAAI,EAAE;AAAO,CAAC,CAAC,EA4ErBL,YAAY,CAAC;EAAEK,IAAI,EAAE;AAAO,CAAC,CAAC,EAGjCL,YAAY,CAAC;EAAEK,IAAI,EAAE;AAAO,CAAC,CAAC,EAGpBL,YAAY,CAAC;EAAEK,IAAI,EAAE;AAAO,CAAC,CAAC,EAGjCL,YAAY,CAAC;EAAEK,IAAI,EAAE;AAAO,CAAC,CAAC,EAG5BL,YAAY,CAAC;EAAEK,IAAI,EAAE;AAAO,CAAC,CAAC,EAGpCL,YAAY,CAAC;EAAEK,IAAI,EAAE;AAAO,CAAC,CAAC,EAGtBL,YAAY,CAAC;EAAEK,IAAI,EAAE;AAAO,CAAC,CAAC,EAGxCL,YAAY,CAAC;EAAEK,IAAI,EAAE;AAAO,CAAC,CAAC,EAG5BL,YAAY,CAAC;EAAEK,IAAI,EAAE;AAAO,CAAC,CAAC,CAS1D;AACH,eAAeD,YAAY"}

package/es/components/back-to-top/back-to-top.d.ts CHANGED Viewed

@@ -9,7 +9,7 @@
 import { LitElement } from 'lit-element';
 declare const DDSBackToTop_base: {
     new (...args: any[]): {
-        _handles: Set<import("@carbon/carbon-web-components/es/globals/internal/handle").default>;
+        _handles: Set<import("@carbon/web-components/es/globals/internal/handle").default>;
         connectedCallback(): void;
         disconnectedCallback(): void;
         accessKey: string;

package/es/components/back-to-top/back-to-top.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["components/back-to-top/back-to-top.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAiC,UAAU,EAAE,MAAM,aAAa,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgBxE;;;;GAIG;AACH,cACM,YAAa,SAAQ,iBAAkD;IAC3E;;OAEG;IACH,OAAO,CAAC,mBAAmB,CAAoB;IAE/C;;OAEG;IACH,OAAO,CAAC,WAAW,CAAU;IAE7B;;OAEG;IACH,OAAO,CAAC,aAAa,CAAU;IAE/B;;OAEG;IACH,OAAO,CAAC,eAAe,CAChB;IAEP;;OAEG;IACH,OAAO,CAAC,cAAc;IAOtB;;OAEG;IACH,OAAO,CAAC,eAAe;IAOvB;;;;;OAKG;IACH,OAAO,CAAC,6BAA6B;IAarC,OAAO,CAAC,kBAAkB,CAExB;IAEF;;OAEG;IACH,OAAO,CAAC,cAAc;IAMtB;;OAEG;IAEH,MAAM,UAAQ;IAEd;;OAEG;IAEH,sBAAsB,SAAiB;IAIvC,OAAO,CAAC,aAAa,CAEnB;IAEF,iBAAiB;IAQjB,oBAAoB;IASpB,YAAY;IAIZ,MAAM;IAaN,MAAM,KAAK,cAAc,WAExB;IAED,MAAM,CAAC,MAAM,MAAU;CACxB;AAGD,eAAe,YAAY,CAAC","file":"back-to-top.d.ts","sourcesContent":["/*\n @license\n \n Copyright IBM Corp. 2021, 2022\n \n This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n /\n\nimport { html, property, customElement, LitElement } from 'lit-element';\nimport HostListener from '@carbon/~~carbon-~~web-components/es/globals/decorators/host-listener.js';\nimport HostListenerMixin from '@carbon/~~carbon-~~web-components/es/globals/mixins/host-listener.js';\nimport settings from 'carbon-components/es/globals/js/settings.js';\nimport throttle from 'lodash-es/throttle.js';\nimport UpToTop20 from '@carbon/~~carbon-~~web-components/es/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';\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 _windowHeight!: 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 Button visible when one full page length is scrolled if _showBackToTop is true\n /\n private _handleOnScroll() {\n if (this._showBackToTop()) {\n this.hidden =\n this.ownerDocument!.scrollingElement!.scrollTop <= this._windowHeight;\n }\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._observeResizeBody);\n this._observerResizeBody.observe(this.ownerDocument!.body);\n }\n }\n\n private _observeResizeBody = (entries) => {\n this._bodyHeight = entries[entries.length - 1].target.scrollHeight;\n };\n\n /\n Show button only when document height is 3x greater than viewport\n /\n private _showBackToTop() {\n // @ts-ignore\n this._windowHeight = this.ownerDocument.defaultView?.innerHeight;\n return this._bodyHeight > this._windowHeight 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 >\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"]}
1	+ {"version":3,"sources":["components/back-to-top/back-to-top.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAiC,UAAU,EAAE,MAAM,aAAa,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgBxE;;;;GAIG;AACH,cACM,YAAa,SAAQ,iBAAkD;IAC3E;;OAEG;IACH,OAAO,CAAC,mBAAmB,CAAoB;IAE/C;;OAEG;IACH,OAAO,CAAC,WAAW,CAAU;IAE7B;;OAEG;IACH,OAAO,CAAC,aAAa,CAAU;IAE/B;;OAEG;IACH,OAAO,CAAC,eAAe,CAChB;IAEP;;OAEG;IACH,OAAO,CAAC,cAAc;IAOtB;;OAEG;IACH,OAAO,CAAC,eAAe;IAOvB;;;;;OAKG;IACH,OAAO,CAAC,6BAA6B;IAarC,OAAO,CAAC,kBAAkB,CAExB;IAEF;;OAEG;IACH,OAAO,CAAC,cAAc;IAMtB;;OAEG;IAEH,MAAM,UAAQ;IAEd;;OAEG;IAEH,sBAAsB,SAAiB;IAIvC,OAAO,CAAC,aAAa,CAEnB;IAEF,iBAAiB;IAQjB,oBAAoB;IASpB,YAAY;IAIZ,MAAM;IAaN,MAAM,KAAK,cAAc,WAExB;IAED,MAAM,CAAC,MAAM,MAAU;CACxB;AAGD,eAAe,YAAY,CAAC","file":"back-to-top.d.ts","sourcesContent":["/*\n @license\n \n Copyright IBM Corp. 2021, 2022\n \n This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n /\n\nimport { html, property, customElement, LitElement } from 'lit-element';\nimport HostListener from '@carbon/web-components/es/globals/decorators/host-listener.js';\nimport HostListenerMixin from '@carbon/web-components/es/globals/mixins/host-listener.js';\nimport settings from 'carbon-components/es/globals/js/settings.js';\nimport throttle from 'lodash-es/throttle.js';\nimport UpToTop20 from '@carbon/web-components/es/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';\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 _windowHeight!: 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 Button visible when one full page length is scrolled if _showBackToTop is true\n /\n private _handleOnScroll() {\n if (this._showBackToTop()) {\n this.hidden =\n this.ownerDocument!.scrollingElement!.scrollTop <= this._windowHeight;\n }\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._observeResizeBody);\n this._observerResizeBody.observe(this.ownerDocument!.body);\n }\n }\n\n private _observeResizeBody = (entries) => {\n this._bodyHeight = entries[entries.length - 1].target.scrollHeight;\n };\n\n /\n Show button only when document height is 3x greater than viewport\n /\n private _showBackToTop() {\n // @ts-ignore\n this._windowHeight = this.ownerDocument.defaultView?.innerHeight;\n return this._bodyHeight > this._windowHeight 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 >\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"]}

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

@@ -13,11 +13,11 @@ let _ = t => t,
  */
 import { html, property, customElement, LitElement } from 'lit-element';
-import HostListener from '@carbon/carbon-web-components/es/globals/decorators/host-listener.js';
-import HostListenerMixin from '@carbon/carbon-web-components/es/globals/mixins/host-listener.js';
+import HostListener from '@carbon/web-components/es/globals/decorators/host-listener.js';
+import HostListenerMixin from '@carbon/web-components/es/globals/mixins/host-listener.js';
 import settings from 'carbon-components/es/globals/js/settings.js';
 import throttle from 'lodash-es/throttle.js';
-import UpToTop20 from '@carbon/carbon-web-components/es/icons/up-to-top/20.js';
+import UpToTop20 from '@carbon/web-components/es/icons/up-to-top/20.js';
 import ddsSettings from "../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings.js";
 import styles from "././back-to-top.css.js";
 import StableSelectorMixin from "../../globals/mixins/stable-selector.js";

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

	@@ -1 +1 @@
1	- {"version":3,"file":"back-to-top.js","names":["html","property","customElement","LitElement","HostListener","HostListenerMixin","settings","throttle","UpToTop20","ddsSettings","styles","StableSelectorMixin","prefix","stablePrefix","ddsPrefix","DDSBackToTop","ownerDocument","defaultView","scrollTo","top","behavior","body","tabIndex","focus","preventScroll","removeAttribute","_showBackToTop","hidden","scrollingElement","scrollTop","_windowHeight","create","_observerResizeBody","disconnect","ResizeObserver","_observeResizeBody","observe","entries","_bodyHeight","length","target","scrollHeight","innerHeight","type","Boolean","reflect","attribute","event","_throttleScroll","_cleanAndCreateObserverResize","_handleOnScroll","cancel","backToTopAssistiveText","_handleOnClick","handleOnClick"],"sources":["components/back-to-top/back-to-top.ts"],"sourcesContent":["/*\n @license\n \n Copyright IBM Corp. 2021, 2022\n \n This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n /\n\nimport { html, property, customElement, LitElement } from 'lit-element';\nimport HostListener from '@carbon/~~carbon-~~web-components/es/globals/decorators/host-listener.js';\nimport HostListenerMixin from '@carbon/~~carbon-~~web-components/es/globals/mixins/host-listener.js';\nimport settings from 'carbon-components/es/globals/js/settings.js';\nimport throttle from 'lodash-es/throttle.js';\nimport UpToTop20 from '@carbon/~~carbon-~~web-components/es/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';\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 _windowHeight!: 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 Button visible when one full page length is scrolled if _showBackToTop is true\n /\n private _handleOnScroll() {\n if (this._showBackToTop()) {\n this.hidden =\n this.ownerDocument!.scrollingElement!.scrollTop <= this._windowHeight;\n }\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._observeResizeBody);\n this._observerResizeBody.observe(this.ownerDocument!.body);\n }\n }\n\n private _observeResizeBody = (entries) => {\n this._bodyHeight = entries[entries.length - 1].target.scrollHeight;\n };\n\n /\n Show button only when document height is 3x greater than viewport\n /\n private _showBackToTop() {\n // @ts-ignore\n this._windowHeight = this.ownerDocument.defaultView?.innerHeight;\n return this._bodyHeight > this._windowHeight 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 >\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":";;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,IAAI,EAAEC,QAAQ,EAAEC,aAAa,EAAEC,UAAU,QAAQ,aAAa;AACvE,OAAOC,YAAY,MAAM~~,sEAAsE~~;~~AAC/F~~,OAAOC,iBAAiB,MAAM,~~kEAAkE~~;~~AAChG~~,OAAOC,QAAQ,MAAM,6CAA6C;AAClE,OAAOC,QAAQ,MAAM,uBAAuB;AAC5C,OAAOC,SAAS,MAAM,~~wDAAwD~~;~~AAC9E~~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"}
1	+ {"version":3,"file":"back-to-top.js","names":["html","property","customElement","LitElement","HostListener","HostListenerMixin","settings","throttle","UpToTop20","ddsSettings","styles","StableSelectorMixin","prefix","stablePrefix","ddsPrefix","DDSBackToTop","ownerDocument","defaultView","scrollTo","top","behavior","body","tabIndex","focus","preventScroll","removeAttribute","_showBackToTop","hidden","scrollingElement","scrollTop","_windowHeight","create","_observerResizeBody","disconnect","ResizeObserver","_observeResizeBody","observe","entries","_bodyHeight","length","target","scrollHeight","innerHeight","type","Boolean","reflect","attribute","event","_throttleScroll","_cleanAndCreateObserverResize","_handleOnScroll","cancel","backToTopAssistiveText","_handleOnClick","handleOnClick"],"sources":["components/back-to-top/back-to-top.ts"],"sourcesContent":["/*\n @license\n \n Copyright IBM Corp. 2021, 2022\n \n This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n /\n\nimport { html, property, customElement, LitElement } from 'lit-element';\nimport HostListener from '@carbon/web-components/es/globals/decorators/host-listener.js';\nimport HostListenerMixin from '@carbon/web-components/es/globals/mixins/host-listener.js';\nimport settings from 'carbon-components/es/globals/js/settings.js';\nimport throttle from 'lodash-es/throttle.js';\nimport UpToTop20 from '@carbon/web-components/es/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';\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 _windowHeight!: 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 Button visible when one full page length is scrolled if _showBackToTop is true\n /\n private _handleOnScroll() {\n if (this._showBackToTop()) {\n this.hidden =\n this.ownerDocument!.scrollingElement!.scrollTop <= this._windowHeight;\n }\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._observeResizeBody);\n this._observerResizeBody.observe(this.ownerDocument!.body);\n }\n }\n\n private _observeResizeBody = (entries) => {\n this._bodyHeight = entries[entries.length - 1].target.scrollHeight;\n };\n\n /\n Show button only when document height is 3x greater than viewport\n /\n private _showBackToTop() {\n // @ts-ignore\n this._windowHeight = this.ownerDocument.defaultView?.innerHeight;\n return this._bodyHeight > this._windowHeight 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 >\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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"}