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

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

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

Files changed (788) hide show

package/es/components/background-media/background-media.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["components/background-media/background-media.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AASH,OAAO,EAAE,kBAAkB,EAAE,eAAe,EAAE,MAAM,QAAQ,CAAC;AAC7D,OAAO,QAAQ,MAAM,gBAAgB,CAAC;AACtC,OAAO,cAAc,MAAM,8BAA8B,CAAC;AAO1D;;;;GAIG;AAEH,cACM,kBAAmB,SAAQ,QAAQ;IACvC;;OAEG;IACH,SAAS,CAAC,iBAAiB;IAQ3B;;OAEG;IACH,SAAS,CAAC,uBAAuB;IAWjC;;OAEG;IAEH,iBAAiB,EAAE,MAAM,CAAO;IAEhC;;OAEG;IAEH,kBAAkB,UAAS;IAE3B;;OAEG;IAEH,iBAAiB,qBAAoC;IAErD;;OAEG;IAEH,cAAc,EAAE,OAAO,CAAS;IAEhC;;OAEG;IAEH,cAAc,kBAA0B;IAExC;;OAEG;IAEH,OAAO,EAAE,MAAM,GAAG,IAAI,CAAQ;IAE9B;;OAEG;IAEH,cAAc,EAAE,OAAO,CAAS;IAEhC;;OAEG;IAEH,WAAW,EAAE,cAAc,GAAG,IAAI,CAAQ;IAE1C;;OAEG;IACH,OAAO,CAAC,sBAAsB;IA0B9B,gBAAgB;IAKhB,mBAAmB;IAgBnB,cAAc;IAId,gBAAgB;IAOhB;;OAEG;IACH,OAAO;IAcP,MAAM;IAgBN,MAAM,KAAK,cAAc,WAExB;IAED,MAAM,CAAC,MAAM,MAAU;CACxB;AAGD,eAAe,kBAAkB,CAAC","file":"background-media.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 } from 'lit-element';\nimport { classMap } from 'lit-html/directives/class-map.js';\nimport settings from 'carbon-components/es/globals/js/settings.js';\nimport pauseIcon from '@carbon/~~carbon-~~web-components/es/icons/pause--outline--filled/32.js';\nimport playIcon from '@carbon/~~carbon-~~web-components/es/icons/play--filled/32.js';\nimport ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';\nimport styles from './background-media.scss';\nimport { GRADIENT_DIRECTION, MOBILE_POSITION } from './defs';\nimport DDSImage from '../image/image';\nimport DDSVideoPlayer from '../video-player/video-player';\nimport DDSVideoPlayerContainer from '../video-player/video-player-container';\nimport DDSLeadSpace from '../leadspace/leadspace';\n\nconst { prefix } = settings;\nconst { stablePrefix: ddsPrefix } = ddsSettings;\n\n/\n Background media.\n \n @element dds-background-media\n /\n\n@customElement(`${ddsPrefix}-background-media`)\nclass DDSBackgroundMedia extends DDSImage {\n /\n Returns a class-name based on the Gradient Direction type\n /\n protected _getGradientClass() {\n return classMap({\n [`${prefix}--background-media--gradient`]: true,\n [`${prefix}--background-media--gradient--${this.gradientDirection}`]:\n this.gradientDirection,\n });\n }\n\n /\n Returns a class-name based on the Mobile Position type\n /\n protected _getMobilePositionClass() {\n return classMap({\n [`${prefix}--background-media--container`]: true,\n [`${prefix}--background-media--mobile-position`]: true,\n [`${prefix}--background-media--mobile-position--${this.mobilePosition}`]:\n this.mobilePosition,\n [`${prefix}--background-media--image`]: this.videoPlayer === null,\n [`${prefix}--background-media--video`]: this.videoPlayer !== null,\n });\n }\n\n /\n The opacity of the background image or video. 100 is fully visible, 0 is fully transparent.\n /\n @property({ attribute: 'opacity', reflect: true })\n backgroundOpacity: number = 100;\n\n /\n Set to true in _handleBackgroundMedia if all children are `dds-image-item`\n /\n @property()\n containsOnlyImages = false;\n\n /\n Gradient Direction (left-to-right (default) \| top-to-bottom)\n /\n @property({ attribute: 'gradient-direction', reflect: true })\n gradientDirection = GRADIENT_DIRECTION.LEFT_TO_RIGHT;\n\n /\n Option to hide gradient. Automatically set to yes if parent is dds-leadspace\n /\n @property()\n gradientHidden: boolean = false;\n\n /\n Mobile Position (bottom (default) \| top)\n /\n @property({ attribute: 'mobile-position', reflect: true })\n mobilePosition = MOBILE_POSITION.BOTTOM;\n\n /\n Internal storage of the video ID\n /\n @property()\n videoId: String \| null = null;\n\n /\n Current state of video playback\n /\n @property()\n videoIsPlaying: Boolean = false;\n\n /\n Internal storage of the video player comonent\n /\n @property()\n videoPlayer: DDSVideoPlayer \| null = null;\n\n /\n Conditionally runs super.render() if all children are `dds-image-item`\n /\n private _handleBackgroundMedia(event: Event) {\n const assignedElements = (\n event.target as HTMLSlotElement\n )?.assignedElements();\n const assignedImages = assignedElements.filter(\n (el) => el.tagName === `${ddsPrefix}-image-item`.toUpperCase()\n );\n const assignedVideos = assignedElements.filter(\n (el) => el.tagName === `${ddsPrefix}-video-player-container`.toUpperCase()\n );\n\n if (\n assignedElements.length === assignedImages.length &&\n !assignedVideos.length\n ) {\n this.containsOnlyImages = true;\n }\n\n if (assignedVideos.length) {\n const [video] = assignedVideos;\n this.videoId = video.getAttribute('video-id');\n this.videoPlayer = video.querySelector(`${ddsPrefix}-video-player`);\n this.videoIsPlaying = (video as DDSVideoPlayerContainer).isPlaying;\n }\n }\n\n toggleVideoState() {\n this.videoPlayer?.userInitiatedTogglePlaybackState();\n this.videoIsPlaying = !this.videoIsPlaying;\n }\n\n renderVideoControls() {\n const { toggleVideoState, videoIsPlaying } = this;\n\n return html`\n <button\n @click=${toggleVideoState}\n class=\"${prefix}--video-player__controls\"\n aria-pressed=\"${!videoIsPlaying}\"\n aria-label=\"${videoIsPlaying ? 'Pause the video' : 'Play the video'}\"\n hasTooltip\n >\n ${videoIsPlaying ? pauseIcon() : playIcon()}\n </button>\n `;\n }\n\n renderGradient() {\n return html` <div class=\"${this._getGradientClass()}\"></div> `;\n }\n\n _getMediaOpacity() {\n if (this.backgroundOpacity <= 100 && this.backgroundOpacity >= 0) {\n return `opacity:${this.backgroundOpacity / 100}`;\n }\n return '';\n }\n\n /\n Append the dds-background-media to the parent element where this component is being used.\n /\n updated() {\n if (this.mobilePosition === MOBILE_POSITION.TOP) {\n this.parentElement?.shadowRoot?.prepend(this);\n }\n\n if (this.parentElement instanceof DDSLeadSpace) {\n this.gradientHidden = true;\n }\n\n if (this.hasAttribute('default-src') && !this.videoId) {\n this.containsOnlyImages = true;\n }\n }\n\n render() {\n return html`\n <div class=\"${this._getMobilePositionClass()}\">\n ${this.gradientHidden ? '' : this.renderGradient()}\n <div\n class=\"${prefix}--background-media--item\"\n style=\"${this._getMediaOpacity()}\"\n >\n ${this.containsOnlyImages ? super.render() : ''}\n <slot @slotchange=\"${this._handleBackgroundMedia}\"></slot>\n </div>\n </div>\n ${this.videoId ? this.renderVideoControls() : ''}\n `;\n }\n\n static get stableSelector() {\n return `${ddsPrefix}--background-media`;\n }\n\n static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\n/ @__GENERATE_REACT_CUSTOM_ELEMENT_TYPE__ */\nexport default DDSBackgroundMedia;\n"]}
1	+ {"version":3,"sources":["components/background-media/background-media.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AASH,OAAO,EAAE,kBAAkB,EAAE,eAAe,EAAE,MAAM,QAAQ,CAAC;AAC7D,OAAO,QAAQ,MAAM,gBAAgB,CAAC;AACtC,OAAO,cAAc,MAAM,8BAA8B,CAAC;AAO1D;;;;GAIG;AAEH,cACM,kBAAmB,SAAQ,QAAQ;IACvC;;OAEG;IACH,SAAS,CAAC,iBAAiB;IAQ3B;;OAEG;IACH,SAAS,CAAC,uBAAuB;IAWjC;;OAEG;IAEH,iBAAiB,EAAE,MAAM,CAAO;IAEhC;;OAEG;IAEH,kBAAkB,UAAS;IAE3B;;OAEG;IAEH,iBAAiB,qBAAoC;IAErD;;OAEG;IAEH,cAAc,EAAE,OAAO,CAAS;IAEhC;;OAEG;IAEH,cAAc,kBAA0B;IAExC;;OAEG;IAEH,OAAO,EAAE,MAAM,GAAG,IAAI,CAAQ;IAE9B;;OAEG;IAEH,cAAc,EAAE,OAAO,CAAS;IAEhC;;OAEG;IAEH,WAAW,EAAE,cAAc,GAAG,IAAI,CAAQ;IAE1C;;OAEG;IACH,OAAO,CAAC,sBAAsB;IA0B9B,gBAAgB;IAKhB,mBAAmB;IAgBnB,cAAc;IAId,gBAAgB;IAOhB;;OAEG;IACH,OAAO;IAcP,MAAM;IAgBN,MAAM,KAAK,cAAc,WAExB;IAED,MAAM,CAAC,MAAM,MAAU;CACxB;AAGD,eAAe,kBAAkB,CAAC","file":"background-media.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 } from 'lit-element';\nimport { classMap } from 'lit-html/directives/class-map.js';\nimport settings from 'carbon-components/es/globals/js/settings.js';\nimport pauseIcon from '@carbon/web-components/es/icons/pause--outline--filled/32.js';\nimport playIcon from '@carbon/web-components/es/icons/play--filled/32.js';\nimport ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';\nimport styles from './background-media.scss';\nimport { GRADIENT_DIRECTION, MOBILE_POSITION } from './defs';\nimport DDSImage from '../image/image';\nimport DDSVideoPlayer from '../video-player/video-player';\nimport DDSVideoPlayerContainer from '../video-player/video-player-container';\nimport DDSLeadSpace from '../leadspace/leadspace';\n\nconst { prefix } = settings;\nconst { stablePrefix: ddsPrefix } = ddsSettings;\n\n/\n Background media.\n \n @element dds-background-media\n /\n\n@customElement(`${ddsPrefix}-background-media`)\nclass DDSBackgroundMedia extends DDSImage {\n /\n Returns a class-name based on the Gradient Direction type\n /\n protected _getGradientClass() {\n return classMap({\n [`${prefix}--background-media--gradient`]: true,\n [`${prefix}--background-media--gradient--${this.gradientDirection}`]:\n this.gradientDirection,\n });\n }\n\n /\n Returns a class-name based on the Mobile Position type\n /\n protected _getMobilePositionClass() {\n return classMap({\n [`${prefix}--background-media--container`]: true,\n [`${prefix}--background-media--mobile-position`]: true,\n [`${prefix}--background-media--mobile-position--${this.mobilePosition}`]:\n this.mobilePosition,\n [`${prefix}--background-media--image`]: this.videoPlayer === null,\n [`${prefix}--background-media--video`]: this.videoPlayer !== null,\n });\n }\n\n /\n The opacity of the background image or video. 100 is fully visible, 0 is fully transparent.\n /\n @property({ attribute: 'opacity', reflect: true })\n backgroundOpacity: number = 100;\n\n /\n Set to true in _handleBackgroundMedia if all children are `dds-image-item`\n /\n @property()\n containsOnlyImages = false;\n\n /\n Gradient Direction (left-to-right (default) \| top-to-bottom)\n /\n @property({ attribute: 'gradient-direction', reflect: true })\n gradientDirection = GRADIENT_DIRECTION.LEFT_TO_RIGHT;\n\n /\n Option to hide gradient. Automatically set to yes if parent is dds-leadspace\n /\n @property()\n gradientHidden: boolean = false;\n\n /\n Mobile Position (bottom (default) \| top)\n /\n @property({ attribute: 'mobile-position', reflect: true })\n mobilePosition = MOBILE_POSITION.BOTTOM;\n\n /\n Internal storage of the video ID\n /\n @property()\n videoId: String \| null = null;\n\n /\n Current state of video playback\n /\n @property()\n videoIsPlaying: Boolean = false;\n\n /\n Internal storage of the video player comonent\n /\n @property()\n videoPlayer: DDSVideoPlayer \| null = null;\n\n /\n Conditionally runs super.render() if all children are `dds-image-item`\n /\n private _handleBackgroundMedia(event: Event) {\n const assignedElements = (\n event.target as HTMLSlotElement\n )?.assignedElements();\n const assignedImages = assignedElements.filter(\n (el) => el.tagName === `${ddsPrefix}-image-item`.toUpperCase()\n );\n const assignedVideos = assignedElements.filter(\n (el) => el.tagName === `${ddsPrefix}-video-player-container`.toUpperCase()\n );\n\n if (\n assignedElements.length === assignedImages.length &&\n !assignedVideos.length\n ) {\n this.containsOnlyImages = true;\n }\n\n if (assignedVideos.length) {\n const [video] = assignedVideos;\n this.videoId = video.getAttribute('video-id');\n this.videoPlayer = video.querySelector(`${ddsPrefix}-video-player`);\n this.videoIsPlaying = (video as DDSVideoPlayerContainer).isPlaying;\n }\n }\n\n toggleVideoState() {\n this.videoPlayer?.userInitiatedTogglePlaybackState();\n this.videoIsPlaying = !this.videoIsPlaying;\n }\n\n renderVideoControls() {\n const { toggleVideoState, videoIsPlaying } = this;\n\n return html`\n <button\n @click=${toggleVideoState}\n class=\"${prefix}--video-player__controls\"\n aria-pressed=\"${!videoIsPlaying}\"\n aria-label=\"${videoIsPlaying ? 'Pause the video' : 'Play the video'}\"\n hasTooltip\n >\n ${videoIsPlaying ? pauseIcon() : playIcon()}\n </button>\n `;\n }\n\n renderGradient() {\n return html` <div class=\"${this._getGradientClass()}\"></div> `;\n }\n\n _getMediaOpacity() {\n if (this.backgroundOpacity <= 100 && this.backgroundOpacity >= 0) {\n return `opacity:${this.backgroundOpacity / 100}`;\n }\n return '';\n }\n\n /\n Append the dds-background-media to the parent element where this component is being used.\n /\n updated() {\n if (this.mobilePosition === MOBILE_POSITION.TOP) {\n this.parentElement?.shadowRoot?.prepend(this);\n }\n\n if (this.parentElement instanceof DDSLeadSpace) {\n this.gradientHidden = true;\n }\n\n if (this.hasAttribute('default-src') && !this.videoId) {\n this.containsOnlyImages = true;\n }\n }\n\n render() {\n return html`\n <div class=\"${this._getMobilePositionClass()}\">\n ${this.gradientHidden ? '' : this.renderGradient()}\n <div\n class=\"${prefix}--background-media--item\"\n style=\"${this._getMediaOpacity()}\"\n >\n ${this.containsOnlyImages ? super.render() : ''}\n <slot @slotchange=\"${this._handleBackgroundMedia}\"></slot>\n </div>\n </div>\n ${this.videoId ? this.renderVideoControls() : ''}\n `;\n }\n\n static get stableSelector() {\n return `${ddsPrefix}--background-media`;\n }\n\n static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\n/ @__GENERATE_REACT_CUSTOM_ELEMENT_TYPE__ */\nexport default DDSBackgroundMedia;\n"]}

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

@@ -17,8 +17,8 @@ let _ = t => t,
 import { html, property, customElement } from 'lit-element';
 import { classMap } from 'lit-html/directives/class-map.js';
 import settings from 'carbon-components/es/globals/js/settings.js';
-import pauseIcon from '@carbon/carbon-web-components/es/icons/pause--outline--filled/32.js';
-import playIcon from '@carbon/carbon-web-components/es/icons/play--filled/32.js';
+import pauseIcon from '@carbon/web-components/es/icons/pause--outline--filled/32.js';
+import playIcon from '@carbon/web-components/es/icons/play--filled/32.js';
 import ddsSettings from "../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings.js";
 import styles from "././background-media.css.js";
 import { GRADIENT_DIRECTION, MOBILE_POSITION } from "./defs.js";

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

	@@ -1 +1 @@
1	- {"version":3,"file":"background-media.js","names":["html","property","customElement","classMap","settings","pauseIcon","playIcon","ddsSettings","styles","GRADIENT_DIRECTION","MOBILE_POSITION","DDSImage","DDSLeadSpace","prefix","stablePrefix","ddsPrefix","DDSBackgroundMedia","gradientDirection","mobilePosition","videoPlayer","attribute","reflect","LEFT_TO_RIGHT","BOTTOM","event","assignedElements","target","assignedImages","filter","el","tagName","toUpperCase","assignedVideos","length","containsOnlyImages","video","videoId","getAttribute","querySelector","videoIsPlaying","isPlaying","userInitiatedTogglePlaybackState","toggleVideoState","_getGradientClass","backgroundOpacity","TOP","parentElement","shadowRoot","prepend","gradientHidden","hasAttribute","_getMobilePositionClass","renderGradient","_getMediaOpacity","_handleBackgroundMedia","renderVideoControls"],"sources":["components/background-media/background-media.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 } from 'lit-element';\nimport { classMap } from 'lit-html/directives/class-map.js';\nimport settings from 'carbon-components/es/globals/js/settings.js';\nimport pauseIcon from '@carbon/carbon-web-components/es/icons/pause--outline--filled/32.js';\nimport playIcon from '@carbon/carbon-web-components/es/icons/play--filled/32.js';\nimport ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';\nimport styles from './background-media.scss';\nimport { GRADIENT_DIRECTION, MOBILE_POSITION } from './defs';\nimport DDSImage from '../image/image';\nimport DDSVideoPlayer from '../video-player/video-player';\nimport DDSVideoPlayerContainer from '../video-player/video-player-container';\nimport DDSLeadSpace from '../leadspace/leadspace';\n\nconst { prefix } = settings;\nconst { stablePrefix: ddsPrefix } = ddsSettings;\n\n/\n Background media.\n \n @element dds-background-media\n /\n\n@customElement(`${ddsPrefix}-background-media`)\nclass DDSBackgroundMedia extends DDSImage {\n /\n Returns a class-name based on the Gradient Direction type\n /\n protected _getGradientClass() {\n return classMap({\n [`${prefix}--background-media--gradient`]: true,\n [`${prefix}--background-media--gradient--${this.gradientDirection}`]:\n this.gradientDirection,\n });\n }\n\n /\n Returns a class-name based on the Mobile Position type\n /\n protected _getMobilePositionClass() {\n return classMap({\n [`${prefix}--background-media--container`]: true,\n [`${prefix}--background-media--mobile-position`]: true,\n [`${prefix}--background-media--mobile-position--${this.mobilePosition}`]:\n this.mobilePosition,\n [`${prefix}--background-media--image`]: this.videoPlayer === null,\n [`${prefix}--background-media--video`]: this.videoPlayer !== null,\n });\n }\n\n /\n The opacity of the background image or video. 100 is fully visible, 0 is fully transparent.\n /\n @property({ attribute: 'opacity', reflect: true })\n backgroundOpacity: number = 100;\n\n /\n Set to true in _handleBackgroundMedia if all children are `dds-image-item`\n /\n @property()\n containsOnlyImages = false;\n\n /\n Gradient Direction (left-to-right (default) \| top-to-bottom)\n /\n @property({ attribute: 'gradient-direction', reflect: true })\n gradientDirection = GRADIENT_DIRECTION.LEFT_TO_RIGHT;\n\n /\n Option to hide gradient. Automatically set to yes if parent is dds-leadspace\n /\n @property()\n gradientHidden: boolean = false;\n\n /\n Mobile Position (bottom (default) \| top)\n /\n @property({ attribute: 'mobile-position', reflect: true })\n mobilePosition = MOBILE_POSITION.BOTTOM;\n\n /\n Internal storage of the video ID\n /\n @property()\n videoId: String \| null = null;\n\n /\n Current state of video playback\n /\n @property()\n videoIsPlaying: Boolean = false;\n\n /\n Internal storage of the video player comonent\n /\n @property()\n videoPlayer: DDSVideoPlayer \| null = null;\n\n /\n Conditionally runs super.render() if all children are `dds-image-item`\n /\n private _handleBackgroundMedia(event: Event) {\n const assignedElements = (\n event.target as HTMLSlotElement\n )?.assignedElements();\n const assignedImages = assignedElements.filter(\n (el) => el.tagName === `${ddsPrefix}-image-item`.toUpperCase()\n );\n const assignedVideos = assignedElements.filter(\n (el) => el.tagName === `${ddsPrefix}-video-player-container`.toUpperCase()\n );\n\n if (\n assignedElements.length === assignedImages.length &&\n !assignedVideos.length\n ) {\n this.containsOnlyImages = true;\n }\n\n if (assignedVideos.length) {\n const [video] = assignedVideos;\n this.videoId = video.getAttribute('video-id');\n this.videoPlayer = video.querySelector(`${ddsPrefix}-video-player`);\n this.videoIsPlaying = (video as DDSVideoPlayerContainer).isPlaying;\n }\n }\n\n toggleVideoState() {\n this.videoPlayer?.userInitiatedTogglePlaybackState();\n this.videoIsPlaying = !this.videoIsPlaying;\n }\n\n renderVideoControls() {\n const { toggleVideoState, videoIsPlaying } = this;\n\n return html`\n <button\n @click=${toggleVideoState}\n class=\"${prefix}--video-player__controls\"\n aria-pressed=\"${!videoIsPlaying}\"\n aria-label=\"${videoIsPlaying ? 'Pause the video' : 'Play the video'}\"\n hasTooltip\n >\n ${videoIsPlaying ? pauseIcon() : playIcon()}\n </button>\n `;\n }\n\n renderGradient() {\n return html` <div class=\"${this._getGradientClass()}\"></div> `;\n }\n\n _getMediaOpacity() {\n if (this.backgroundOpacity <= 100 && this.backgroundOpacity >= 0) {\n return `opacity:${this.backgroundOpacity / 100}`;\n }\n return '';\n }\n\n /\n Append the dds-background-media to the parent element where this component is being used.\n /\n updated() {\n if (this.mobilePosition === MOBILE_POSITION.TOP) {\n this.parentElement?.shadowRoot?.prepend(this);\n }\n\n if (this.parentElement instanceof DDSLeadSpace) {\n this.gradientHidden = true;\n }\n\n if (this.hasAttribute('default-src') && !this.videoId) {\n this.containsOnlyImages = true;\n }\n }\n\n render() {\n return html`\n <div class=\"${this._getMobilePositionClass()}\">\n ${this.gradientHidden ? '' : this.renderGradient()}\n <div\n class=\"${prefix}--background-media--item\"\n style=\"${this._getMediaOpacity()}\"\n >\n ${this.containsOnlyImages ? super.render() : ''}\n <slot @slotchange=\"${this._handleBackgroundMedia}\"></slot>\n </div>\n </div>\n ${this.videoId ? this.renderVideoControls() : ''}\n `;\n }\n\n static get stableSelector() {\n return `${ddsPrefix}--background-media`;\n }\n\n static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\n/ @__GENERATE_REACT_CUSTOM_ELEMENT_TYPE__ */\nexport default DDSBackgroundMedia;\n"],"mappings":"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"}
1	+ {"version":3,"file":"background-media.js","names":["html","property","customElement","classMap","settings","pauseIcon","playIcon","ddsSettings","styles","GRADIENT_DIRECTION","MOBILE_POSITION","DDSImage","DDSLeadSpace","prefix","stablePrefix","ddsPrefix","DDSBackgroundMedia","gradientDirection","mobilePosition","videoPlayer","attribute","reflect","LEFT_TO_RIGHT","BOTTOM","event","assignedElements","target","assignedImages","filter","el","tagName","toUpperCase","assignedVideos","length","containsOnlyImages","video","videoId","getAttribute","querySelector","videoIsPlaying","isPlaying","userInitiatedTogglePlaybackState","toggleVideoState","_getGradientClass","backgroundOpacity","TOP","parentElement","shadowRoot","prepend","gradientHidden","hasAttribute","_getMobilePositionClass","renderGradient","_getMediaOpacity","_handleBackgroundMedia","renderVideoControls"],"sources":["components/background-media/background-media.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 } from 'lit-element';\nimport { classMap } from 'lit-html/directives/class-map.js';\nimport settings from 'carbon-components/es/globals/js/settings.js';\nimport pauseIcon from '@carbon/web-components/es/icons/pause--outline--filled/32.js';\nimport playIcon from '@carbon/web-components/es/icons/play--filled/32.js';\nimport ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';\nimport styles from './background-media.scss';\nimport { GRADIENT_DIRECTION, MOBILE_POSITION } from './defs';\nimport DDSImage from '../image/image';\nimport DDSVideoPlayer from '../video-player/video-player';\nimport DDSVideoPlayerContainer from '../video-player/video-player-container';\nimport DDSLeadSpace from '../leadspace/leadspace';\n\nconst { prefix } = settings;\nconst { stablePrefix: ddsPrefix } = ddsSettings;\n\n/\n Background media.\n \n @element dds-background-media\n /\n\n@customElement(`${ddsPrefix}-background-media`)\nclass DDSBackgroundMedia extends DDSImage {\n /\n Returns a class-name based on the Gradient Direction type\n /\n protected _getGradientClass() {\n return classMap({\n [`${prefix}--background-media--gradient`]: true,\n [`${prefix}--background-media--gradient--${this.gradientDirection}`]:\n this.gradientDirection,\n });\n }\n\n /\n Returns a class-name based on the Mobile Position type\n /\n protected _getMobilePositionClass() {\n return classMap({\n [`${prefix}--background-media--container`]: true,\n [`${prefix}--background-media--mobile-position`]: true,\n [`${prefix}--background-media--mobile-position--${this.mobilePosition}`]:\n this.mobilePosition,\n [`${prefix}--background-media--image`]: this.videoPlayer === null,\n [`${prefix}--background-media--video`]: this.videoPlayer !== null,\n });\n }\n\n /\n The opacity of the background image or video. 100 is fully visible, 0 is fully transparent.\n /\n @property({ attribute: 'opacity', reflect: true })\n backgroundOpacity: number = 100;\n\n /\n Set to true in _handleBackgroundMedia if all children are `dds-image-item`\n /\n @property()\n containsOnlyImages = false;\n\n /\n Gradient Direction (left-to-right (default) \| top-to-bottom)\n /\n @property({ attribute: 'gradient-direction', reflect: true })\n gradientDirection = GRADIENT_DIRECTION.LEFT_TO_RIGHT;\n\n /\n Option to hide gradient. Automatically set to yes if parent is dds-leadspace\n /\n @property()\n gradientHidden: boolean = false;\n\n /\n Mobile Position (bottom (default) \| top)\n /\n @property({ attribute: 'mobile-position', reflect: true })\n mobilePosition = MOBILE_POSITION.BOTTOM;\n\n /\n Internal storage of the video ID\n /\n @property()\n videoId: String \| null = null;\n\n /\n Current state of video playback\n /\n @property()\n videoIsPlaying: Boolean = false;\n\n /\n Internal storage of the video player comonent\n /\n @property()\n videoPlayer: DDSVideoPlayer \| null = null;\n\n /\n Conditionally runs super.render() if all children are `dds-image-item`\n /\n private _handleBackgroundMedia(event: Event) {\n const assignedElements = (\n event.target as HTMLSlotElement\n )?.assignedElements();\n const assignedImages = assignedElements.filter(\n (el) => el.tagName === `${ddsPrefix}-image-item`.toUpperCase()\n );\n const assignedVideos = assignedElements.filter(\n (el) => el.tagName === `${ddsPrefix}-video-player-container`.toUpperCase()\n );\n\n if (\n assignedElements.length === assignedImages.length &&\n !assignedVideos.length\n ) {\n this.containsOnlyImages = true;\n }\n\n if (assignedVideos.length) {\n const [video] = assignedVideos;\n this.videoId = video.getAttribute('video-id');\n this.videoPlayer = video.querySelector(`${ddsPrefix}-video-player`);\n this.videoIsPlaying = (video as DDSVideoPlayerContainer).isPlaying;\n }\n }\n\n toggleVideoState() {\n this.videoPlayer?.userInitiatedTogglePlaybackState();\n this.videoIsPlaying = !this.videoIsPlaying;\n }\n\n renderVideoControls() {\n const { toggleVideoState, videoIsPlaying } = this;\n\n return html`\n <button\n @click=${toggleVideoState}\n class=\"${prefix}--video-player__controls\"\n aria-pressed=\"${!videoIsPlaying}\"\n aria-label=\"${videoIsPlaying ? 'Pause the video' : 'Play the video'}\"\n hasTooltip\n >\n ${videoIsPlaying ? pauseIcon() : playIcon()}\n </button>\n `;\n }\n\n renderGradient() {\n return html` <div class=\"${this._getGradientClass()}\"></div> `;\n }\n\n _getMediaOpacity() {\n if (this.backgroundOpacity <= 100 && this.backgroundOpacity >= 0) {\n return `opacity:${this.backgroundOpacity / 100}`;\n }\n return '';\n }\n\n /\n Append the dds-background-media to the parent element where this component is being used.\n /\n updated() {\n if (this.mobilePosition === MOBILE_POSITION.TOP) {\n this.parentElement?.shadowRoot?.prepend(this);\n }\n\n if (this.parentElement instanceof DDSLeadSpace) {\n this.gradientHidden = true;\n }\n\n if (this.hasAttribute('default-src') && !this.videoId) {\n this.containsOnlyImages = true;\n }\n }\n\n render() {\n return html`\n <div class=\"${this._getMobilePositionClass()}\">\n ${this.gradientHidden ? '' : this.renderGradient()}\n <div\n class=\"${prefix}--background-media--item\"\n style=\"${this._getMediaOpacity()}\"\n >\n ${this.containsOnlyImages ? super.render() : ''}\n <slot @slotchange=\"${this._handleBackgroundMedia}\"></slot>\n </div>\n </div>\n ${this.videoId ? this.renderVideoControls() : ''}\n `;\n }\n\n static get stableSelector() {\n return `${ddsPrefix}--background-media`;\n }\n\n static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\n/ @__GENERATE_REACT_CUSTOM_ELEMENT_TYPE__ */\nexport default DDSBackgroundMedia;\n"],"mappings":"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"}

package/es/components/button/button.d.ts CHANGED Viewed

@@ -7,7 +7,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 import { LitElement } from 'lit-element';
-import { BUTTON_ICON_LAYOUT, BUTTON_KIND, BUTTON_SIZE } from '@carbon/carbon-web-components/es/components/button/button.js';
+import { BUTTON_ICON_LAYOUT, BUTTON_KIND, BUTTON_SIZE } from '@carbon/web-components/es/components/button/button.js';
 export { BUTTON_KIND, BUTTON_SIZE };
 declare const DDSButtonExpressive_base: (new (...args: any[]) => {
     focus(): void;
@@ -41,9 +41,6 @@ declare const DDSButtonExpressive_base: (new (...args: any[]) => {
     readonly clientHeight: number;
     readonly clientLeft: number;
     readonly clientTop: number;
-    /**
-     * Handles `slotchange` event.
-     */
     readonly clientWidth: number;
     id: string;
     readonly localName: string;

package/es/components/button/button.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["components/button/button.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAGH,OAAO,EAAwC,UAAU,EAAE,MAAM,aAAa,CAAC;AAI/E,OAAO,EACL,kBAAkB,EAClB,WAAW,EACX,WAAW,EACZ,MAAM,~~8DAA8D~~,CAAC;~~AAKtE~~,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAoDlC;;OAEG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAjDL;;;;;GAKG;AACH,cACM,mBAAoB,SAAQ,wBAA2C;IAC3E;;OAEG;IAEH,SAAS,CAAC,QAAQ,UAAS;IAE3B;;OAEG;IAEH,SAAS,CAAC,eAAe,UAAS;IAElC;;OAEG;IACH,SAAS,KAAK,QAAQ,4CAiBrB;IAED;;OAEG;IACH,SAAS,CAAC,YAAY;IAEtB;;OAEG;IACH,SAAS,CAAC,iBAAiB,CAAC,EAAE,MAAM,EAAE,EAAE,KAAK;IAW7C;;OAEG;IACH,SAAS,CAAC,mBAAmB;IAO7B;;OAEG;IACH,SAAS,CAAC,YAAY;IAWtB;;OAEG;IAEH,SAAS,UAAS;IAElB;;OAEG;IAEH,QAAQ,UAAS;IAEjB;;OAEG;IAEH,QAAQ,EAAG,MAAM,CAAC;IAElB;;OAEG;IAEH,IAAI,EAAG,MAAM,CAAC;IAEd;;OAEG;IAEH,QAAQ,EAAG,MAAM,CAAC;IAElB;;OAEG;IAEH,UAAU,qBAA8B;IAExC;;OAEG;IAEH,IAAI,cAAuB;IAE3B;;OAEG;IAEH,QAAQ,SAAY;IAEpB;;OAEG;IAEH,IAAI,EAAG,MAAM,CAAC;IAEd;;OAEG;IAEH,GAAG,EAAG,MAAM,CAAC;IAEb;;OAEG;IAEH,IAAI,cAAuB;IAE3B;;OAEG;IAEH,MAAM,EAAG,MAAM,CAAC;IAEhB;;OAEG;IAEH,IAAI,EAAG,MAAM,CAAC;IAEd,gBAAgB;IAShB,MAAM;IAoDN,MAAM,KAAK,cAAc,WAExB;IAED,MAAM,CAAC,MAAM,MAAU;CACxB;AAGD,eAAe,mBAAmB,CAAC","file":"button.d.ts","sourcesContent":["/*\n @license\n \n Copyright IBM Corp. 2020, 2022\n \n This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n /\n\nimport { classMap } from 'lit-html/directives/class-map.js';\nimport { html, property, state, customElement, LitElement } from 'lit-element';\nimport settings from 'carbon-components/es/globals/js/settings.js';\nimport ifNonNull from '@carbon/~~carbon-~~web-components/es/globals/directives/if-non-null.js';\nimport FocusMixin from '@carbon/~~carbon-~~web-components/es/globals/mixins/focus.js';\nimport {\n BUTTON_ICON_LAYOUT,\n BUTTON_KIND,\n BUTTON_SIZE,\n} from '@carbon/~~carbon-~~web-components/es/components/button/button.js';\nimport ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';\nimport styles from './button.scss';\nimport StableSelectorMixin from '../../globals/mixins/stable-selector';\n\nexport { BUTTON_KIND, BUTTON_SIZE };\n\nconst { prefix } = settings;\nconst { stablePrefix: ddsPrefix } = ddsSettings;\n\n/\n Expressive button.\n \n @element dds-button-expressive\n * @csspart button The button.\n /\n@customElement(`${ddsPrefix}-button-expressive`)\nclass DDSButtonExpressive extends FocusMixin(StableSelectorMixin(LitElement)) {\n /\n `true` if there is an icon.\n /\n @state()\n protected _hasIcon = false;\n\n /\n `true` if there is a non-icon content.\n /\n @state()\n protected _hasMainContent = false;\n\n /\n The CSS class list for the button/link node.\n /\n protected get _classes() {\n const {\n disabled,\n kind,\n size,\n _hasIcon: hasIcon,\n _hasMainContent: hasMainContent,\n } = this;\n return classMap({\n [`${prefix}--btn`]: true,\n [`${prefix}--btn--${kind}`]: kind,\n [`${prefix}--btn--disabled`]: disabled,\n [`${prefix}--btn--icon-only`]: hasIcon && !hasMainContent,\n [`${prefix}--btn--expressive`]: true,\n [`${prefix}--btn--${size}`]: size,\n [`${prefix}-ce--btn--has-icon`]: hasIcon,\n });\n }\n\n /\n Handles `click` event on the button.\n /\n protected _handleClick() {} // eslint-disable-line class-methods-use-this\n\n /\n Handles `slotchange` event.\n /\n protected _handleSlotChange({ target }: Event) {\n const { name } = target as HTMLSlotElement;\n const hasContent = (target as HTMLSlotElement)\n .assignedNodes()\n .some(\n (node) => node.nodeType !== Node.TEXT_NODE \|\| node!.textContent!.trim()\n );\n this[name === 'icon' ? '_hasIcon' : '_hasMainContent'] = hasContent;\n this.requestUpdate();\n }\n\n /\n @returns The disabled link content.\n /\n protected _renderDisabledLink() {\n const { _classes: classes } = this;\n return html`\n <p id=\"button\" part=\"button\" class=\"${classes}\">${this._renderInner()}</p>\n `;\n }\n\n /\n @returns The inner content.\n /\n protected _renderInner() {\n const { _handleSlotChange: handleSlotChange } = this;\n return html`\n <slot @slotchange=\"${handleSlotChange}\"></slot>\n <p class=\"${prefix}--btn--hidden\" aria-hidden=\"true\">\n <span>:</span> ${this.href}\n </p>\n <slot name=\"icon\" @slotchange=\"${handleSlotChange}\"></slot>\n `;\n }\n\n /\n `true` if the button should have input focus when the page loads.\n /\n @property({ type: Boolean, reflect: true })\n autofocus = false;\n\n /\n `true` if the button should be disabled.\n /\n @property({ type: Boolean, reflect: true })\n disabled = false;\n\n /\n The default file name, used if this button is rendered as `<a>`.\n /\n @property({ reflect: true })\n download!: string;\n\n /\n Link `href`. If present, this button is rendered as `<a>`.\n /\n @property({ reflect: true })\n href!: string;\n\n /\n The language of what `href` points to, if this button is rendered as `<a>`.\n /\n @property({ reflect: true })\n hreflang!: string;\n\n /\n Button icon layout.\n /\n @property({ reflect: true, attribute: 'icon-layout' })\n iconLayout = BUTTON_ICON_LAYOUT.REGULAR;\n\n /\n Button kind.\n /\n @property({ reflect: true })\n kind = BUTTON_KIND.PRIMARY;\n\n /\n The a11y role for `<a>`.\n /\n @property({ attribute: 'link-role' })\n linkRole = 'button';\n\n /\n URLs to ping, if this button is rendered as `<a>`.\n /\n @property({ reflect: true })\n ping!: string;\n\n /\n The link type, if this button is rendered as `<a>`.\n /\n @property({ reflect: true })\n rel!: string;\n\n /\n Button size.\n /\n @property({ reflect: true })\n size = BUTTON_SIZE.REGULAR;\n\n /\n The link target, if this button is rendered as `<a>`.\n /\n @property({ reflect: true })\n target!: string;\n\n /\n The default behavior if the button is rendered as `<button>`. MIME type of the `target`if this button is rendered as `<a>`.\n /\n @property({ reflect: true })\n type!: string;\n\n createRenderRoot() {\n return this.attachShadow({\n mode: 'open',\n delegatesFocus:\n Number((/Safari\\/(\\d+)/.exec(navigator.userAgent) ?? ['', 0])[1]) <=\n 537,\n });\n }\n\n render() {\n const {\n autofocus,\n disabled,\n download,\n href,\n hreflang,\n linkRole,\n ping,\n rel,\n target,\n type,\n _classes: classes,\n _handleClick: handleClick,\n } = this;\n if (href) {\n return disabled\n ? this._renderDisabledLink()\n : html`\n <a\n id=\"button\"\n part=\"button\"\n role=\"${ifNonNull(linkRole)}\"\n class=\"${classes}\"\n download=\"${ifNonNull(download)}\"\n href=\"${ifNonNull(href)}\"\n hreflang=\"${ifNonNull(hreflang)}\"\n ping=\"${ifNonNull(ping)}\"\n rel=\"${ifNonNull(rel)}\"\n target=\"${ifNonNull(target)}\"\n type=\"${ifNonNull(type)}\"\n @click=\"${handleClick}\"\n >\n ${this._renderInner()}\n </a>\n `;\n }\n return html`\n <button\n id=\"button\"\n part=\"button\"\n class=\"${classes}\"\n ?autofocus=\"${autofocus}\"\n ?disabled=\"${disabled}\"\n type=\"${ifNonNull(type)}\"\n @click=\"${handleClick}\"\n >\n ${this._renderInner()}\n </button>\n `;\n }\n\n static get stableSelector() {\n return `${ddsPrefix}--button-expressive`;\n }\n\n static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\n/ @__GENERATE_REACT_CUSTOM_ELEMENT_TYPE__ */\nexport default DDSButtonExpressive;\n"]}
1	+ {"version":3,"sources":["components/button/button.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAGH,OAAO,EAAwC,UAAU,EAAE,MAAM,aAAa,CAAC;AAI/E,OAAO,EACL,kBAAkB,EAClB,WAAW,EACX,WAAW,EACZ,MAAM,uDAAuD,CAAC;AAK/D,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAKpC;;;;;GAKG;AACH,cACM,mBAAoB,SAAQ,wBAA2C;IAC3E;;OAEG;IAEH,SAAS,CAAC,QAAQ,UAAS;IAE3B;;OAEG;IAEH,SAAS,CAAC,eAAe,UAAS;IAElC;;OAEG;IACH,SAAS,KAAK,QAAQ,4CAiBrB;IAED;;OAEG;IACH,SAAS,CAAC,YAAY;IAEtB;;OAEG;IACH,SAAS,CAAC,iBAAiB,CAAC,EAAE,MAAM,EAAE,EAAE,KAAK;IAW7C;;OAEG;IACH,SAAS,CAAC,mBAAmB;IAO7B;;OAEG;IACH,SAAS,CAAC,YAAY;IAWtB;;OAEG;IAEH,SAAS,UAAS;IAElB;;OAEG;IAEH,QAAQ,UAAS;IAEjB;;OAEG;IAEH,QAAQ,EAAG,MAAM,CAAC;IAElB;;OAEG;IAEH,IAAI,EAAG,MAAM,CAAC;IAEd;;OAEG;IAEH,QAAQ,EAAG,MAAM,CAAC;IAElB;;OAEG;IAEH,UAAU,qBAA8B;IAExC;;OAEG;IAEH,IAAI,cAAuB;IAE3B;;OAEG;IAEH,QAAQ,SAAY;IAEpB;;OAEG;IAEH,IAAI,EAAG,MAAM,CAAC;IAEd;;OAEG;IAEH,GAAG,EAAG,MAAM,CAAC;IAEb;;OAEG;IAEH,IAAI,cAAuB;IAE3B;;OAEG;IAEH,MAAM,EAAG,MAAM,CAAC;IAEhB;;OAEG;IAEH,IAAI,EAAG,MAAM,CAAC;IAEd,gBAAgB;IAShB,MAAM;IAoDN,MAAM,KAAK,cAAc,WAExB;IAED,MAAM,CAAC,MAAM,MAAU;CACxB;AAGD,eAAe,mBAAmB,CAAC","file":"button.d.ts","sourcesContent":["/*\n @license\n \n Copyright IBM Corp. 2020, 2022\n \n This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n /\n\nimport { classMap } from 'lit-html/directives/class-map.js';\nimport { html, property, state, customElement, LitElement } from 'lit-element';\nimport settings from 'carbon-components/es/globals/js/settings.js';\nimport ifNonNull from '@carbon/web-components/es/globals/directives/if-non-null.js';\nimport FocusMixin from '@carbon/web-components/es/globals/mixins/focus.js';\nimport {\n BUTTON_ICON_LAYOUT,\n BUTTON_KIND,\n BUTTON_SIZE,\n} from '@carbon/web-components/es/components/button/button.js';\nimport ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';\nimport styles from './button.scss';\nimport StableSelectorMixin from '../../globals/mixins/stable-selector';\n\nexport { BUTTON_KIND, BUTTON_SIZE };\n\nconst { prefix } = settings;\nconst { stablePrefix: ddsPrefix } = ddsSettings;\n\n/\n Expressive button.\n \n @element dds-button-expressive\n * @csspart button The button.\n /\n@customElement(`${ddsPrefix}-button-expressive`)\nclass DDSButtonExpressive extends FocusMixin(StableSelectorMixin(LitElement)) {\n /\n `true` if there is an icon.\n /\n @state()\n protected _hasIcon = false;\n\n /\n `true` if there is a non-icon content.\n /\n @state()\n protected _hasMainContent = false;\n\n /\n The CSS class list for the button/link node.\n /\n protected get _classes() {\n const {\n disabled,\n kind,\n size,\n _hasIcon: hasIcon,\n _hasMainContent: hasMainContent,\n } = this;\n return classMap({\n [`${prefix}--btn`]: true,\n [`${prefix}--btn--${kind}`]: kind,\n [`${prefix}--btn--disabled`]: disabled,\n [`${prefix}--btn--icon-only`]: hasIcon && !hasMainContent,\n [`${prefix}--btn--expressive`]: true,\n [`${prefix}--btn--${size}`]: size,\n [`${prefix}-ce--btn--has-icon`]: hasIcon,\n });\n }\n\n /\n Handles `click` event on the button.\n /\n protected _handleClick() {} // eslint-disable-line class-methods-use-this\n\n /\n Handles `slotchange` event.\n /\n protected _handleSlotChange({ target }: Event) {\n const { name } = target as HTMLSlotElement;\n const hasContent = (target as HTMLSlotElement)\n .assignedNodes()\n .some(\n (node) => node.nodeType !== Node.TEXT_NODE \|\| node!.textContent!.trim()\n );\n this[name === 'icon' ? '_hasIcon' : '_hasMainContent'] = hasContent;\n this.requestUpdate();\n }\n\n /\n @returns The disabled link content.\n /\n protected _renderDisabledLink() {\n const { _classes: classes } = this;\n return html`\n <p id=\"button\" part=\"button\" class=\"${classes}\">${this._renderInner()}</p>\n `;\n }\n\n /\n @returns The inner content.\n /\n protected _renderInner() {\n const { _handleSlotChange: handleSlotChange } = this;\n return html`\n <slot @slotchange=\"${handleSlotChange}\"></slot>\n <p class=\"${prefix}--btn--hidden\" aria-hidden=\"true\">\n <span>:</span> ${this.href}\n </p>\n <slot name=\"icon\" @slotchange=\"${handleSlotChange}\"></slot>\n `;\n }\n\n /\n `true` if the button should have input focus when the page loads.\n /\n @property({ type: Boolean, reflect: true })\n autofocus = false;\n\n /\n `true` if the button should be disabled.\n /\n @property({ type: Boolean, reflect: true })\n disabled = false;\n\n /\n The default file name, used if this button is rendered as `<a>`.\n /\n @property({ reflect: true })\n download!: string;\n\n /\n Link `href`. If present, this button is rendered as `<a>`.\n /\n @property({ reflect: true })\n href!: string;\n\n /\n The language of what `href` points to, if this button is rendered as `<a>`.\n /\n @property({ reflect: true })\n hreflang!: string;\n\n /\n Button icon layout.\n /\n @property({ reflect: true, attribute: 'icon-layout' })\n iconLayout = BUTTON_ICON_LAYOUT.REGULAR;\n\n /\n Button kind.\n /\n @property({ reflect: true })\n kind = BUTTON_KIND.PRIMARY;\n\n /\n The a11y role for `<a>`.\n /\n @property({ attribute: 'link-role' })\n linkRole = 'button';\n\n /\n URLs to ping, if this button is rendered as `<a>`.\n /\n @property({ reflect: true })\n ping!: string;\n\n /\n The link type, if this button is rendered as `<a>`.\n /\n @property({ reflect: true })\n rel!: string;\n\n /\n Button size.\n /\n @property({ reflect: true })\n size = BUTTON_SIZE.REGULAR;\n\n /\n The link target, if this button is rendered as `<a>`.\n /\n @property({ reflect: true })\n target!: string;\n\n /\n The default behavior if the button is rendered as `<button>`. MIME type of the `target`if this button is rendered as `<a>`.\n /\n @property({ reflect: true })\n type!: string;\n\n createRenderRoot() {\n return this.attachShadow({\n mode: 'open',\n delegatesFocus:\n Number((/Safari\\/(\\d+)/.exec(navigator.userAgent) ?? ['', 0])[1]) <=\n 537,\n });\n }\n\n render() {\n const {\n autofocus,\n disabled,\n download,\n href,\n hreflang,\n linkRole,\n ping,\n rel,\n target,\n type,\n _classes: classes,\n _handleClick: handleClick,\n } = this;\n if (href) {\n return disabled\n ? this._renderDisabledLink()\n : html`\n <a\n id=\"button\"\n part=\"button\"\n role=\"${ifNonNull(linkRole)}\"\n class=\"${classes}\"\n download=\"${ifNonNull(download)}\"\n href=\"${ifNonNull(href)}\"\n hreflang=\"${ifNonNull(hreflang)}\"\n ping=\"${ifNonNull(ping)}\"\n rel=\"${ifNonNull(rel)}\"\n target=\"${ifNonNull(target)}\"\n type=\"${ifNonNull(type)}\"\n @click=\"${handleClick}\"\n >\n ${this._renderInner()}\n </a>\n `;\n }\n return html`\n <button\n id=\"button\"\n part=\"button\"\n class=\"${classes}\"\n ?autofocus=\"${autofocus}\"\n ?disabled=\"${disabled}\"\n type=\"${ifNonNull(type)}\"\n @click=\"${handleClick}\"\n >\n ${this._renderInner()}\n </button>\n `;\n }\n\n static get stableSelector() {\n return `${ddsPrefix}--button-expressive`;\n }\n\n static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\n/ @__GENERATE_REACT_CUSTOM_ELEMENT_TYPE__ */\nexport default DDSButtonExpressive;\n"]}

package/es/components/button/button.js CHANGED Viewed

@@ -16,9 +16,9 @@ let _ = t => t,
 import { classMap } from 'lit-html/directives/class-map.js';
 import { html, property, state, customElement, LitElement } from 'lit-element';
 import settings from 'carbon-components/es/globals/js/settings.js';
-import ifNonNull from '@carbon/carbon-web-components/es/globals/directives/if-non-null.js';
-import FocusMixin from '@carbon/carbon-web-components/es/globals/mixins/focus.js';
-import { BUTTON_ICON_LAYOUT, BUTTON_KIND, BUTTON_SIZE } from '@carbon/carbon-web-components/es/components/button/button.js';
+import ifNonNull from '@carbon/web-components/es/globals/directives/if-non-null.js';
+import FocusMixin from '@carbon/web-components/es/globals/mixins/focus.js';
+import { BUTTON_ICON_LAYOUT, BUTTON_KIND, BUTTON_SIZE } from '@carbon/web-components/es/components/button/button.js';
 import ddsSettings from "../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings.js";
 import styles from "././button.css.js";
 import StableSelectorMixin from "../../globals/mixins/stable-selector.js";

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

	@@ -1 +1 @@
1	- {"version":3,"file":"button.js","names":["classMap","html","property","state","customElement","LitElement","settings","ifNonNull","FocusMixin","BUTTON_ICON_LAYOUT","BUTTON_KIND","BUTTON_SIZE","ddsSettings","styles","StableSelectorMixin","prefix","stablePrefix","ddsPrefix","DDSButtonExpressive","disabled","kind","size","_hasIcon","hasIcon","_hasMainContent","hasMainContent","target","name","hasContent","assignedNodes","some","node","nodeType","Node","TEXT_NODE","textContent","trim","requestUpdate","_classes","classes","_renderInner","_handleSlotChange","handleSlotChange","href","type","Boolean","reflect","attribute","REGULAR","PRIMARY","attachShadow","mode","delegatesFocus","Number","exec","navigator","userAgent","autofocus","download","hreflang","linkRole","ping","rel","_handleClick","handleClick","_renderDisabledLink"],"sources":["components/button/button.ts"],"sourcesContent":["/*\n @license\n \n Copyright IBM Corp. 2020, 2022\n \n This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n /\n\nimport { classMap } from 'lit-html/directives/class-map.js';\nimport { html, property, state, customElement, LitElement } from 'lit-element';\nimport settings from 'carbon-components/es/globals/js/settings.js';\nimport ifNonNull from '@carbon/carbon-web-components/es/globals/directives/if-non-null.js';\nimport FocusMixin from '@carbon/carbon-web-components/es/globals/mixins/focus.js';\nimport {\n BUTTON_ICON_LAYOUT,\n BUTTON_KIND,\n BUTTON_SIZE,\n} from '@carbon/carbon-web-components/es/components/button/button.js';\nimport ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';\nimport styles from './button.scss';\nimport StableSelectorMixin from '../../globals/mixins/stable-selector';\n\nexport { BUTTON_KIND, BUTTON_SIZE };\n\nconst { prefix } = settings;\nconst { stablePrefix: ddsPrefix } = ddsSettings;\n\n/\n Expressive button.\n \n @element dds-button-expressive\n * @csspart button The button.\n /\n@customElement(`${ddsPrefix}-button-expressive`)\nclass DDSButtonExpressive extends FocusMixin(StableSelectorMixin(LitElement)) {\n /\n `true` if there is an icon.\n /\n @state()\n protected _hasIcon = false;\n\n /\n `true` if there is a non-icon content.\n /\n @state()\n protected _hasMainContent = false;\n\n /\n The CSS class list for the button/link node.\n /\n protected get _classes() {\n const {\n disabled,\n kind,\n size,\n _hasIcon: hasIcon,\n _hasMainContent: hasMainContent,\n } = this;\n return classMap({\n [`${prefix}--btn`]: true,\n [`${prefix}--btn--${kind}`]: kind,\n [`${prefix}--btn--disabled`]: disabled,\n [`${prefix}--btn--icon-only`]: hasIcon && !hasMainContent,\n [`${prefix}--btn--expressive`]: true,\n [`${prefix}--btn--${size}`]: size,\n [`${prefix}-ce--btn--has-icon`]: hasIcon,\n });\n }\n\n /\n Handles `click` event on the button.\n /\n protected _handleClick() {} // eslint-disable-line class-methods-use-this\n\n /\n Handles `slotchange` event.\n /\n protected _handleSlotChange({ target }: Event) {\n const { name } = target as HTMLSlotElement;\n const hasContent = (target as HTMLSlotElement)\n .assignedNodes()\n .some(\n (node) => node.nodeType !== Node.TEXT_NODE \|\| node!.textContent!.trim()\n );\n this[name === 'icon' ? '_hasIcon' : '_hasMainContent'] = hasContent;\n this.requestUpdate();\n }\n\n /\n @returns The disabled link content.\n /\n protected _renderDisabledLink() {\n const { _classes: classes } = this;\n return html`\n <p id=\"button\" part=\"button\" class=\"${classes}\">${this._renderInner()}</p>\n `;\n }\n\n /\n @returns The inner content.\n /\n protected _renderInner() {\n const { _handleSlotChange: handleSlotChange } = this;\n return html`\n <slot @slotchange=\"${handleSlotChange}\"></slot>\n <p class=\"${prefix}--btn--hidden\" aria-hidden=\"true\">\n <span>:</span> ${this.href}\n </p>\n <slot name=\"icon\" @slotchange=\"${handleSlotChange}\"></slot>\n `;\n }\n\n /\n `true` if the button should have input focus when the page loads.\n /\n @property({ type: Boolean, reflect: true })\n autofocus = false;\n\n /\n `true` if the button should be disabled.\n /\n @property({ type: Boolean, reflect: true })\n disabled = false;\n\n /\n The default file name, used if this button is rendered as `<a>`.\n /\n @property({ reflect: true })\n download!: string;\n\n /\n Link `href`. If present, this button is rendered as `<a>`.\n /\n @property({ reflect: true })\n href!: string;\n\n /\n The language of what `href` points to, if this button is rendered as `<a>`.\n /\n @property({ reflect: true })\n hreflang!: string;\n\n /\n Button icon layout.\n /\n @property({ reflect: true, attribute: 'icon-layout' })\n iconLayout = BUTTON_ICON_LAYOUT.REGULAR;\n\n /\n Button kind.\n /\n @property({ reflect: true })\n kind = BUTTON_KIND.PRIMARY;\n\n /\n The a11y role for `<a>`.\n /\n @property({ attribute: 'link-role' })\n linkRole = 'button';\n\n /\n URLs to ping, if this button is rendered as `<a>`.\n /\n @property({ reflect: true })\n ping!: string;\n\n /\n The link type, if this button is rendered as `<a>`.\n /\n @property({ reflect: true })\n rel!: string;\n\n /\n Button size.\n /\n @property({ reflect: true })\n size = BUTTON_SIZE.REGULAR;\n\n /\n The link target, if this button is rendered as `<a>`.\n /\n @property({ reflect: true })\n target!: string;\n\n /\n The default behavior if the button is rendered as `<button>`. MIME type of the `target`if this button is rendered as `<a>`.\n /\n @property({ reflect: true })\n type!: string;\n\n createRenderRoot() {\n return this.attachShadow({\n mode: 'open',\n delegatesFocus:\n Number((/Safari\\/(\\d+)/.exec(navigator.userAgent) ?? ['', 0])[1]) <=\n 537,\n });\n }\n\n render() {\n const {\n autofocus,\n disabled,\n download,\n href,\n hreflang,\n linkRole,\n ping,\n rel,\n target,\n type,\n _classes: classes,\n _handleClick: handleClick,\n } = this;\n if (href) {\n return disabled\n ? this._renderDisabledLink()\n : html`\n <a\n id=\"button\"\n part=\"button\"\n role=\"${ifNonNull(linkRole)}\"\n class=\"${classes}\"\n download=\"${ifNonNull(download)}\"\n href=\"${ifNonNull(href)}\"\n hreflang=\"${ifNonNull(hreflang)}\"\n ping=\"${ifNonNull(ping)}\"\n rel=\"${ifNonNull(rel)}\"\n target=\"${ifNonNull(target)}\"\n type=\"${ifNonNull(type)}\"\n @click=\"${handleClick}\"\n >\n ${this._renderInner()}\n </a>\n `;\n }\n return html`\n <button\n id=\"button\"\n part=\"button\"\n class=\"${classes}\"\n ?autofocus=\"${autofocus}\"\n ?disabled=\"${disabled}\"\n type=\"${ifNonNull(type)}\"\n @click=\"${handleClick}\"\n >\n ${this._renderInner()}\n </button>\n `;\n }\n\n static get stableSelector() {\n return `${ddsPrefix}--button-expressive`;\n }\n\n static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\n/ @__GENERATE_REACT_CUSTOM_ELEMENT_TYPE__ */\nexport default DDSButtonExpressive;\n"],"mappings":"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"}
1	+ {"version":3,"file":"button.js","names":["classMap","html","property","state","customElement","LitElement","settings","ifNonNull","FocusMixin","BUTTON_ICON_LAYOUT","BUTTON_KIND","BUTTON_SIZE","ddsSettings","styles","StableSelectorMixin","prefix","stablePrefix","ddsPrefix","DDSButtonExpressive","disabled","kind","size","_hasIcon","hasIcon","_hasMainContent","hasMainContent","target","name","hasContent","assignedNodes","some","node","nodeType","Node","TEXT_NODE","textContent","trim","requestUpdate","_classes","classes","_renderInner","_handleSlotChange","handleSlotChange","href","type","Boolean","reflect","attribute","REGULAR","PRIMARY","attachShadow","mode","delegatesFocus","Number","exec","navigator","userAgent","autofocus","download","hreflang","linkRole","ping","rel","_handleClick","handleClick","_renderDisabledLink"],"sources":["components/button/button.ts"],"sourcesContent":["/*\n @license\n \n Copyright IBM Corp. 2020, 2022\n \n This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n /\n\nimport { classMap } from 'lit-html/directives/class-map.js';\nimport { html, property, state, customElement, LitElement } from 'lit-element';\nimport settings from 'carbon-components/es/globals/js/settings.js';\nimport ifNonNull from '@carbon/web-components/es/globals/directives/if-non-null.js';\nimport FocusMixin from '@carbon/web-components/es/globals/mixins/focus.js';\nimport {\n BUTTON_ICON_LAYOUT,\n BUTTON_KIND,\n BUTTON_SIZE,\n} from '@carbon/web-components/es/components/button/button.js';\nimport ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';\nimport styles from './button.scss';\nimport StableSelectorMixin from '../../globals/mixins/stable-selector';\n\nexport { BUTTON_KIND, BUTTON_SIZE };\n\nconst { prefix } = settings;\nconst { stablePrefix: ddsPrefix } = ddsSettings;\n\n/\n Expressive button.\n \n @element dds-button-expressive\n * @csspart button The button.\n /\n@customElement(`${ddsPrefix}-button-expressive`)\nclass DDSButtonExpressive extends FocusMixin(StableSelectorMixin(LitElement)) {\n /\n `true` if there is an icon.\n /\n @state()\n protected _hasIcon = false;\n\n /\n `true` if there is a non-icon content.\n /\n @state()\n protected _hasMainContent = false;\n\n /\n The CSS class list for the button/link node.\n /\n protected get _classes() {\n const {\n disabled,\n kind,\n size,\n _hasIcon: hasIcon,\n _hasMainContent: hasMainContent,\n } = this;\n return classMap({\n [`${prefix}--btn`]: true,\n [`${prefix}--btn--${kind}`]: kind,\n [`${prefix}--btn--disabled`]: disabled,\n [`${prefix}--btn--icon-only`]: hasIcon && !hasMainContent,\n [`${prefix}--btn--expressive`]: true,\n [`${prefix}--btn--${size}`]: size,\n [`${prefix}-ce--btn--has-icon`]: hasIcon,\n });\n }\n\n /\n Handles `click` event on the button.\n /\n protected _handleClick() {} // eslint-disable-line class-methods-use-this\n\n /\n Handles `slotchange` event.\n /\n protected _handleSlotChange({ target }: Event) {\n const { name } = target as HTMLSlotElement;\n const hasContent = (target as HTMLSlotElement)\n .assignedNodes()\n .some(\n (node) => node.nodeType !== Node.TEXT_NODE \|\| node!.textContent!.trim()\n );\n this[name === 'icon' ? '_hasIcon' : '_hasMainContent'] = hasContent;\n this.requestUpdate();\n }\n\n /\n @returns The disabled link content.\n /\n protected _renderDisabledLink() {\n const { _classes: classes } = this;\n return html`\n <p id=\"button\" part=\"button\" class=\"${classes}\">${this._renderInner()}</p>\n `;\n }\n\n /\n @returns The inner content.\n /\n protected _renderInner() {\n const { _handleSlotChange: handleSlotChange } = this;\n return html`\n <slot @slotchange=\"${handleSlotChange}\"></slot>\n <p class=\"${prefix}--btn--hidden\" aria-hidden=\"true\">\n <span>:</span> ${this.href}\n </p>\n <slot name=\"icon\" @slotchange=\"${handleSlotChange}\"></slot>\n `;\n }\n\n /\n `true` if the button should have input focus when the page loads.\n /\n @property({ type: Boolean, reflect: true })\n autofocus = false;\n\n /\n `true` if the button should be disabled.\n /\n @property({ type: Boolean, reflect: true })\n disabled = false;\n\n /\n The default file name, used if this button is rendered as `<a>`.\n /\n @property({ reflect: true })\n download!: string;\n\n /\n Link `href`. If present, this button is rendered as `<a>`.\n /\n @property({ reflect: true })\n href!: string;\n\n /\n The language of what `href` points to, if this button is rendered as `<a>`.\n /\n @property({ reflect: true })\n hreflang!: string;\n\n /\n Button icon layout.\n /\n @property({ reflect: true, attribute: 'icon-layout' })\n iconLayout = BUTTON_ICON_LAYOUT.REGULAR;\n\n /\n Button kind.\n /\n @property({ reflect: true })\n kind = BUTTON_KIND.PRIMARY;\n\n /\n The a11y role for `<a>`.\n /\n @property({ attribute: 'link-role' })\n linkRole = 'button';\n\n /\n URLs to ping, if this button is rendered as `<a>`.\n /\n @property({ reflect: true })\n ping!: string;\n\n /\n The link type, if this button is rendered as `<a>`.\n /\n @property({ reflect: true })\n rel!: string;\n\n /\n Button size.\n /\n @property({ reflect: true })\n size = BUTTON_SIZE.REGULAR;\n\n /\n The link target, if this button is rendered as `<a>`.\n /\n @property({ reflect: true })\n target!: string;\n\n /\n The default behavior if the button is rendered as `<button>`. MIME type of the `target`if this button is rendered as `<a>`.\n /\n @property({ reflect: true })\n type!: string;\n\n createRenderRoot() {\n return this.attachShadow({\n mode: 'open',\n delegatesFocus:\n Number((/Safari\\/(\\d+)/.exec(navigator.userAgent) ?? ['', 0])[1]) <=\n 537,\n });\n }\n\n render() {\n const {\n autofocus,\n disabled,\n download,\n href,\n hreflang,\n linkRole,\n ping,\n rel,\n target,\n type,\n _classes: classes,\n _handleClick: handleClick,\n } = this;\n if (href) {\n return disabled\n ? this._renderDisabledLink()\n : html`\n <a\n id=\"button\"\n part=\"button\"\n role=\"${ifNonNull(linkRole)}\"\n class=\"${classes}\"\n download=\"${ifNonNull(download)}\"\n href=\"${ifNonNull(href)}\"\n hreflang=\"${ifNonNull(hreflang)}\"\n ping=\"${ifNonNull(ping)}\"\n rel=\"${ifNonNull(rel)}\"\n target=\"${ifNonNull(target)}\"\n type=\"${ifNonNull(type)}\"\n @click=\"${handleClick}\"\n >\n ${this._renderInner()}\n </a>\n `;\n }\n return html`\n <button\n id=\"button\"\n part=\"button\"\n class=\"${classes}\"\n ?autofocus=\"${autofocus}\"\n ?disabled=\"${disabled}\"\n type=\"${ifNonNull(type)}\"\n @click=\"${handleClick}\"\n >\n ${this._renderInner()}\n </button>\n `;\n }\n\n static get stableSelector() {\n return `${ddsPrefix}--button-expressive`;\n }\n\n static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\n/ @__GENERATE_REACT_CUSTOM_ELEMENT_TYPE__ */\nexport default DDSButtonExpressive;\n"],"mappings":"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"}

package/es/components/button-group/button-group.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["components/button-group/button-group.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AACH,OAAO,EAAuB,UAAU,EAAE,MAAM,aAAa,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAQ9D;;;;GAIG;AACH,cACM,cAAe,SAAQ,mBAA+B;IAC1D;;;;OAIG;IACH,OAAO,CAAC,iBAAiB;IA4BzB,MAAM;IAIN,iBAAiB;IAKjB;;OAEG;IACH,MAAM,KAAK,uBAAuB,WAEjC;IAED;;OAEG;IACH,MAAM,KAAK,YAAY,WAEtB;IAED;;OAEG;IACH,MAAM,KAAK,eAAe,WAEzB;IAED,MAAM,KAAK,cAAc,WAExB;IAED,MAAM,CAAC,MAAM,MAAU;CACxB;AAGD,eAAe,cAAc,CAAC","file":"button-group.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 /\nimport { customElement, html, LitElement } from 'lit-element';\nimport { BUTTON_KIND } from '@carbon/~~carbon-~~web-components/es/components/button/defs.js';\nimport ddsSettings from '@carbon/ibmdotcom-utilities/es/utilities/settings/settings.js';\nimport styles from './button-group.scss';\nimport StableSelectorMixin from '../../globals/mixins/stable-selector';\n\nconst { stablePrefix: ddsPrefix } = ddsSettings;\n\n/\n Button group.\n \n @element dds-button-group\n /\n@customElement(`${ddsPrefix}-button-group`)\nclass DDSButtonGroup extends StableSelectorMixin(LitElement) {\n /\n Handler for @slotchange, set the first button-group-item to kind tertiary and primary for the remaining ones\n \n @private\n /\n private _handleSlotChange(event: Event) {\n const childItems = (event.target as HTMLSlotElement)\n .assignedNodes()\n .filter((elem) =>\n (elem as HTMLElement).matches !== undefined\n ? (elem as HTMLElement).matches(\n (this.constructor as typeof DDSButtonGroup).selectorItem\n ) \|\|\n (elem as HTMLElement).matches(\n (this.constructor as typeof DDSButtonGroup).selectorItemCTA\n )\n : false\n );\n\n childItems.forEach((elem, index) => {\n (elem as HTMLElement).setAttribute(\n 'kind',\n index !== childItems.length - 1\n ? BUTTON_KIND.TERTIARY\n : BUTTON_KIND.PRIMARY\n );\n });\n\n const { customPropertyItemCount } = this\n .constructor as typeof DDSButtonGroup;\n this.style.setProperty(customPropertyItemCount, String(childItems.length));\n }\n\n render() {\n return html` <slot @slotchange=\"${this._handleSlotChange}\"></slot> `;\n }\n\n connectedCallback() {\n super.connectedCallback();\n this.setAttribute('role', 'list');\n }\n\n /\n The CSS custom property name for the live button group item cout.\n /\n static get customPropertyItemCount() {\n return `--${ddsPrefix}--button-group--item-count`;\n }\n\n /\n A selector that will return the child items.\n /\n static get selectorItem() {\n return `${ddsPrefix}-button-group-item`;\n }\n\n /\n A selector that will return the child items.\n /\n static get selectorItemCTA() {\n return `${ddsPrefix}-button-cta`;\n }\n\n static get stableSelector() {\n return `${ddsPrefix}--button-group`;\n }\n\n static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\n/ @__GENERATE_REACT_CUSTOM_ELEMENT_TYPE__ */\nexport default DDSButtonGroup;\n"]}
1	+ {"version":3,"sources":["components/button-group/button-group.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AACH,OAAO,EAAuB,UAAU,EAAE,MAAM,aAAa,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAQ9D;;;;GAIG;AACH,cACM,cAAe,SAAQ,mBAA+B;IAC1D;;;;OAIG;IACH,OAAO,CAAC,iBAAiB;IA4BzB,MAAM;IAIN,iBAAiB;IAKjB;;OAEG;IACH,MAAM,KAAK,uBAAuB,WAEjC;IAED;;OAEG;IACH,MAAM,KAAK,YAAY,WAEtB;IAED;;OAEG;IACH,MAAM,KAAK,eAAe,WAEzB;IAED,MAAM,KAAK,cAAc,WAExB;IAED,MAAM,CAAC,MAAM,MAAU;CACxB;AAGD,eAAe,cAAc,CAAC","file":"button-group.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 /\nimport { customElement, html, LitElement } from 'lit-element';\nimport { BUTTON_KIND } from '@carbon/web-components/es/components/button/defs.js';\nimport ddsSettings from '@carbon/ibmdotcom-utilities/es/utilities/settings/settings.js';\nimport styles from './button-group.scss';\nimport StableSelectorMixin from '../../globals/mixins/stable-selector';\n\nconst { stablePrefix: ddsPrefix } = ddsSettings;\n\n/\n Button group.\n \n @element dds-button-group\n /\n@customElement(`${ddsPrefix}-button-group`)\nclass DDSButtonGroup extends StableSelectorMixin(LitElement) {\n /\n Handler for @slotchange, set the first button-group-item to kind tertiary and primary for the remaining ones\n \n @private\n /\n private _handleSlotChange(event: Event) {\n const childItems = (event.target as HTMLSlotElement)\n .assignedNodes()\n .filter((elem) =>\n (elem as HTMLElement).matches !== undefined\n ? (elem as HTMLElement).matches(\n (this.constructor as typeof DDSButtonGroup).selectorItem\n ) \|\|\n (elem as HTMLElement).matches(\n (this.constructor as typeof DDSButtonGroup).selectorItemCTA\n )\n : false\n );\n\n childItems.forEach((elem, index) => {\n (elem as HTMLElement).setAttribute(\n 'kind',\n index !== childItems.length - 1\n ? BUTTON_KIND.TERTIARY\n : BUTTON_KIND.PRIMARY\n );\n });\n\n const { customPropertyItemCount } = this\n .constructor as typeof DDSButtonGroup;\n this.style.setProperty(customPropertyItemCount, String(childItems.length));\n }\n\n render() {\n return html` <slot @slotchange=\"${this._handleSlotChange}\"></slot> `;\n }\n\n connectedCallback() {\n super.connectedCallback();\n this.setAttribute('role', 'list');\n }\n\n /\n The CSS custom property name for the live button group item cout.\n /\n static get customPropertyItemCount() {\n return `--${ddsPrefix}--button-group--item-count`;\n }\n\n /\n A selector that will return the child items.\n /\n static get selectorItem() {\n return `${ddsPrefix}-button-group-item`;\n }\n\n /\n A selector that will return the child items.\n /\n static get selectorItemCTA() {\n return `${ddsPrefix}-button-cta`;\n }\n\n static get stableSelector() {\n return `${ddsPrefix}--button-group`;\n }\n\n static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\n/ @__GENERATE_REACT_CUSTOM_ELEMENT_TYPE__ */\nexport default DDSButtonGroup;\n"]}

package/es/components/button-group/button-group.js CHANGED Viewed

@@ -12,7 +12,7 @@ let _ = t => t,
  * LICENSE file in the root directory of this source tree.
  */
 import { customElement, html, LitElement } from 'lit-element';
-import { BUTTON_KIND } from '@carbon/carbon-web-components/es/components/button/defs.js';
+import { BUTTON_KIND } from '@carbon/web-components/es/components/button/defs.js';
 import ddsSettings from '@carbon/ibmdotcom-utilities/es/utilities/settings/settings.js';
 import styles from "././button-group.css.js";
 import StableSelectorMixin from "../../globals/mixins/stable-selector.js";

package/es/components/button-group/button-group.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"button-group.js","names":["customElement","html","LitElement","BUTTON_KIND","ddsSettings","styles","StableSelectorMixin","stablePrefix","ddsPrefix","DDSButtonGroup","event","childItems","target","assignedNodes","filter","elem","matches","undefined","constructor","selectorItem","selectorItemCTA","forEach","index","setAttribute","length","TERTIARY","PRIMARY","customPropertyItemCount","style","setProperty","String","_handleSlotChange"],"sources":["components/button-group/button-group.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 /\nimport { customElement, html, LitElement } from 'lit-element';\nimport { BUTTON_KIND } from '@carbon/~~carbon-~~web-components/es/components/button/defs.js';\nimport ddsSettings from '@carbon/ibmdotcom-utilities/es/utilities/settings/settings.js';\nimport styles from './button-group.scss';\nimport StableSelectorMixin from '../../globals/mixins/stable-selector';\n\nconst { stablePrefix: ddsPrefix } = ddsSettings;\n\n/\n Button group.\n \n @element dds-button-group\n /\n@customElement(`${ddsPrefix}-button-group`)\nclass DDSButtonGroup extends StableSelectorMixin(LitElement) {\n /\n Handler for @slotchange, set the first button-group-item to kind tertiary and primary for the remaining ones\n \n @private\n /\n private _handleSlotChange(event: Event) {\n const childItems = (event.target as HTMLSlotElement)\n .assignedNodes()\n .filter((elem) =>\n (elem as HTMLElement).matches !== undefined\n ? (elem as HTMLElement).matches(\n (this.constructor as typeof DDSButtonGroup).selectorItem\n ) \|\|\n (elem as HTMLElement).matches(\n (this.constructor as typeof DDSButtonGroup).selectorItemCTA\n )\n : false\n );\n\n childItems.forEach((elem, index) => {\n (elem as HTMLElement).setAttribute(\n 'kind',\n index !== childItems.length - 1\n ? BUTTON_KIND.TERTIARY\n : BUTTON_KIND.PRIMARY\n );\n });\n\n const { customPropertyItemCount } = this\n .constructor as typeof DDSButtonGroup;\n this.style.setProperty(customPropertyItemCount, String(childItems.length));\n }\n\n render() {\n return html` <slot @slotchange=\"${this._handleSlotChange}\"></slot> `;\n }\n\n connectedCallback() {\n super.connectedCallback();\n this.setAttribute('role', 'list');\n }\n\n /\n The CSS custom property name for the live button group item cout.\n /\n static get customPropertyItemCount() {\n return `--${ddsPrefix}--button-group--item-count`;\n }\n\n /\n A selector that will return the child items.\n /\n static get selectorItem() {\n return `${ddsPrefix}-button-group-item`;\n }\n\n /\n A selector that will return the child items.\n /\n static get selectorItemCTA() {\n return `${ddsPrefix}-button-cta`;\n }\n\n static get stableSelector() {\n return `${ddsPrefix}--button-group`;\n }\n\n static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\n/ @__GENERATE_REACT_CUSTOM_ELEMENT_TYPE__ */\nexport default DDSButtonGroup;\n"],"mappings":";;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAASA,aAAa,EAAEC,IAAI,EAAEC,UAAU,QAAQ,aAAa;AAC7D,SAASC,WAAW,QAAQ,~~4DAA4D~~;~~AACxF~~,OAAOC,WAAW,MAAM,+DAA+D;AACvF,OAAOC,MAAM,MAAM,yBAAqB;AACxC,OAAOC,mBAAmB,MAAM,yCAAsC;AAEtE,MAAM;EAAEC,YAAY,EAAEC;AAAU,CAAC,GAAGJ,WAAW;;AAE/C;AACA;AACA;AACA;AACA;AAJA,IAMMK,cAAc,cADnBT,aAAa,CAAE,GAAEQ,SAAU,eAAc,CAAC;EAA3C,MACMC,cAAc,8BAAyC;IAAA;MAAA;MAAA;IAAA;EAqE7D;EAAC;IAAA,GArEKA,cAAc;IAAA;MAAA;MAAA;MAAA;MAClB;AACF;AACA;AACA;AACA;MACE,2BAA0BC,KAAY,EAAE;QACtC,MAAMC,UAAU,GAAID,KAAK,CAACE,MAAM,CAC7BC,aAAa,EAAE,CACfC,MAAM,CAAEC,IAAI,IACVA,IAAI,CAAiBC,OAAO,KAAKC,SAAS,GACtCF,IAAI,CAAiBC,OAAO,CAC1B,IAAI,CAACE,WAAW,CAA2BC,YAAY,CACzD,IACAJ,IAAI,CAAiBC,OAAO,CAC1B,IAAI,CAACE,WAAW,CAA2BE,eAAe,CAC5D,GACD,KAAK,CACV;QAEHT,UAAU,CAACU,OAAO,CAAC,CAACN,IAAI,EAAEO,KAAK,KAAK;UACjCP,IAAI,CAAiBQ,YAAY,CAChC,MAAM,EACND,KAAK,KAAKX,UAAU,CAACa,MAAM,GAAG,CAAC,GAC3BrB,WAAW,CAACsB,QAAQ,GACpBtB,WAAW,CAACuB,OAAO,CACxB;QACH,CAAC,CAAC;QAEF,MAAM;UAAEC;QAAwB,CAAC,GAAG,IAAI,CACrCT,WAAoC;QACvC,IAAI,CAACU,KAAK,CAACC,WAAW,CAACF,uBAAuB,EAAEG,MAAM,CAACnB,UAAU,CAACa,MAAM,CAAC,CAAC;MAC5E;IAAC;MAAA;MAAA;MAAA,OAED,kBAAS;QACP,OAAOvB,IAAI,cAAC,uBAAoB,CAAyB,YAAU,GAAjC,IAAI,CAAC8B,iBAAiB;MAC1D;IAAC;MAAA;MAAA;MAAA,OAED,6BAAoB;QAClB,qBAvCEtB,cAAc;QAwChB,IAAI,CAACc,YAAY,CAAC,MAAM,EAAE,MAAM,CAAC;MACnC;;MAEA;AACF;AACA;IAFE;MAAA;MAAA;MAAA;MAAA,OAGA,mCAAqC;QACnC,OAAQ,KAAIf,SAAU,4BAA2B;MACnD;;MAEA;AACF;AACA;IAFE;MAAA;MAAA;MAAA;MAAA,OAGA,wBAA0B;QACxB,OAAQ,GAAEA,SAAU,oBAAmB;MACzC;;MAEA;AACF;AACA;IAFE;MAAA;MAAA;MAAA;MAAA,OAGA,2BAA6B;QAC3B,OAAQ,GAAEA,SAAU,aAAY;MAClC;IAAC;MAAA;MAAA;MAAA;MAAA,OAED,0BAA4B;QAC1B,OAAQ,GAAEA,SAAU,gBAAe;MACrC;IAAC;MAAA;MAAA;MAAA;MAAA;QAAA,OAEeH,MAAM;MAAA;IAAA;EAAA;AAAA,GApEKC,mBAAmB,CAACJ,UAAU,CAAC,GAuE5D;AACA,eAAeO,cAAc"}
1	+ {"version":3,"file":"button-group.js","names":["customElement","html","LitElement","BUTTON_KIND","ddsSettings","styles","StableSelectorMixin","stablePrefix","ddsPrefix","DDSButtonGroup","event","childItems","target","assignedNodes","filter","elem","matches","undefined","constructor","selectorItem","selectorItemCTA","forEach","index","setAttribute","length","TERTIARY","PRIMARY","customPropertyItemCount","style","setProperty","String","_handleSlotChange"],"sources":["components/button-group/button-group.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 /\nimport { customElement, html, LitElement } from 'lit-element';\nimport { BUTTON_KIND } from '@carbon/web-components/es/components/button/defs.js';\nimport ddsSettings from '@carbon/ibmdotcom-utilities/es/utilities/settings/settings.js';\nimport styles from './button-group.scss';\nimport StableSelectorMixin from '../../globals/mixins/stable-selector';\n\nconst { stablePrefix: ddsPrefix } = ddsSettings;\n\n/\n Button group.\n \n @element dds-button-group\n /\n@customElement(`${ddsPrefix}-button-group`)\nclass DDSButtonGroup extends StableSelectorMixin(LitElement) {\n /\n Handler for @slotchange, set the first button-group-item to kind tertiary and primary for the remaining ones\n \n @private\n /\n private _handleSlotChange(event: Event) {\n const childItems = (event.target as HTMLSlotElement)\n .assignedNodes()\n .filter((elem) =>\n (elem as HTMLElement).matches !== undefined\n ? (elem as HTMLElement).matches(\n (this.constructor as typeof DDSButtonGroup).selectorItem\n ) \|\|\n (elem as HTMLElement).matches(\n (this.constructor as typeof DDSButtonGroup).selectorItemCTA\n )\n : false\n );\n\n childItems.forEach((elem, index) => {\n (elem as HTMLElement).setAttribute(\n 'kind',\n index !== childItems.length - 1\n ? BUTTON_KIND.TERTIARY\n : BUTTON_KIND.PRIMARY\n );\n });\n\n const { customPropertyItemCount } = this\n .constructor as typeof DDSButtonGroup;\n this.style.setProperty(customPropertyItemCount, String(childItems.length));\n }\n\n render() {\n return html` <slot @slotchange=\"${this._handleSlotChange}\"></slot> `;\n }\n\n connectedCallback() {\n super.connectedCallback();\n this.setAttribute('role', 'list');\n }\n\n /\n The CSS custom property name for the live button group item cout.\n /\n static get customPropertyItemCount() {\n return `--${ddsPrefix}--button-group--item-count`;\n }\n\n /\n A selector that will return the child items.\n /\n static get selectorItem() {\n return `${ddsPrefix}-button-group-item`;\n }\n\n /\n A selector that will return the child items.\n /\n static get selectorItemCTA() {\n return `${ddsPrefix}-button-cta`;\n }\n\n static get stableSelector() {\n return `${ddsPrefix}--button-group`;\n }\n\n static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\n/ @__GENERATE_REACT_CUSTOM_ELEMENT_TYPE__ */\nexport default DDSButtonGroup;\n"],"mappings":";;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAASA,aAAa,EAAEC,IAAI,EAAEC,UAAU,QAAQ,aAAa;AAC7D,SAASC,WAAW,QAAQ,qDAAqD;AACjF,OAAOC,WAAW,MAAM,+DAA+D;AACvF,OAAOC,MAAM,MAAM,yBAAqB;AACxC,OAAOC,mBAAmB,MAAM,yCAAsC;AAEtE,MAAM;EAAEC,YAAY,EAAEC;AAAU,CAAC,GAAGJ,WAAW;;AAE/C;AACA;AACA;AACA;AACA;AAJA,IAMMK,cAAc,cADnBT,aAAa,CAAE,GAAEQ,SAAU,eAAc,CAAC;EAA3C,MACMC,cAAc,8BAAyC;IAAA;MAAA;MAAA;IAAA;EAqE7D;EAAC;IAAA,GArEKA,cAAc;IAAA;MAAA;MAAA;MAAA;MAClB;AACF;AACA;AACA;AACA;MACE,2BAA0BC,KAAY,EAAE;QACtC,MAAMC,UAAU,GAAID,KAAK,CAACE,MAAM,CAC7BC,aAAa,EAAE,CACfC,MAAM,CAAEC,IAAI,IACVA,IAAI,CAAiBC,OAAO,KAAKC,SAAS,GACtCF,IAAI,CAAiBC,OAAO,CAC1B,IAAI,CAACE,WAAW,CAA2BC,YAAY,CACzD,IACAJ,IAAI,CAAiBC,OAAO,CAC1B,IAAI,CAACE,WAAW,CAA2BE,eAAe,CAC5D,GACD,KAAK,CACV;QAEHT,UAAU,CAACU,OAAO,CAAC,CAACN,IAAI,EAAEO,KAAK,KAAK;UACjCP,IAAI,CAAiBQ,YAAY,CAChC,MAAM,EACND,KAAK,KAAKX,UAAU,CAACa,MAAM,GAAG,CAAC,GAC3BrB,WAAW,CAACsB,QAAQ,GACpBtB,WAAW,CAACuB,OAAO,CACxB;QACH,CAAC,CAAC;QAEF,MAAM;UAAEC;QAAwB,CAAC,GAAG,IAAI,CACrCT,WAAoC;QACvC,IAAI,CAACU,KAAK,CAACC,WAAW,CAACF,uBAAuB,EAAEG,MAAM,CAACnB,UAAU,CAACa,MAAM,CAAC,CAAC;MAC5E;IAAC;MAAA;MAAA;MAAA,OAED,kBAAS;QACP,OAAOvB,IAAI,cAAC,uBAAoB,CAAyB,YAAU,GAAjC,IAAI,CAAC8B,iBAAiB;MAC1D;IAAC;MAAA;MAAA;MAAA,OAED,6BAAoB;QAClB,qBAvCEtB,cAAc;QAwChB,IAAI,CAACc,YAAY,CAAC,MAAM,EAAE,MAAM,CAAC;MACnC;;MAEA;AACF;AACA;IAFE;MAAA;MAAA;MAAA;MAAA,OAGA,mCAAqC;QACnC,OAAQ,KAAIf,SAAU,4BAA2B;MACnD;;MAEA;AACF;AACA;IAFE;MAAA;MAAA;MAAA;MAAA,OAGA,wBAA0B;QACxB,OAAQ,GAAEA,SAAU,oBAAmB;MACzC;;MAEA;AACF;AACA;IAFE;MAAA;MAAA;MAAA;MAAA,OAGA,2BAA6B;QAC3B,OAAQ,GAAEA,SAAU,aAAY;MAClC;IAAC;MAAA;MAAA;MAAA;MAAA,OAED,0BAA4B;QAC1B,OAAQ,GAAEA,SAAU,gBAAe;MACrC;IAAC;MAAA;MAAA;MAAA;MAAA;QAAA,OAEeH,MAAM;MAAA;IAAA;EAAA;AAAA,GApEKC,mBAAmB,CAACJ,UAAU,CAAC,GAuE5D;AACA,eAAeO,cAAc"}

package/es/components/card/card.d.ts CHANGED Viewed

@@ -7,7 +7,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 import { TemplateResult } from 'lit-element';
-import BXLink from '@carbon/carbon-web-components/es/components/link/link.js';
+import BXLink from '@carbon/web-components/es/components/link/link.js';
 import { BASIC_COLOR_SCHEME } from '../../globals/defs';
 declare const DDSCard_base: {
     new (...args: any[]): {

package/es/components/card/card.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["components/card/card.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAKL,cAAc,EAEf,MAAM,aAAa,CAAC;AAErB,OAAO,MAAM,MAAM,~~0DAA0D~~,CAAC;~~AAG9E~~,OAAO,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiBxD;;;;;;;;GAQG;AACH,cACM,OAAQ,SAAQ,YAA2B;IAC/C;;OAEG;IAEH,SAAS,CAAC,SAAS,UAAS;IAE5B;;OAEG;IAEH,SAAS,CAAC,QAAQ,UAAS;IAE3B;;OAEG;IAEH,SAAS,CAAC,aAAa,UAAS;IAEhC;;OAEG;IACH,SAAS,CAAC,iBAAiB,CAAC,EAAE,MAAM,EAAE,EAAE,KAAK;IAW7C;;OAEG;IAEH,SAAS,CAAC,cAAc,IAAI,cAAc,GAAG,MAAM,GAAG,IAAI;IAI1D;;OAEG;IACH,SAAS,CAAC,WAAW,IAAI,cAAc,GAAG,MAAM,GAAG,IAAI;IASvD;;OAEG;IACH,SAAS,CAAC,YAAY,IAAI,cAAc,GAAG,MAAM,GAAG,IAAI;IAMxD;;OAEG;IACH,SAAS,CAAC,mBAAmB;IAO7B;;OAEG;IACH,SAAS,CAAC,YAAY;IAoDtB;;OAEG;IAEH,MAAM,UAAS;IAEf;;;;;OAKG;IAEH,WAAW,qBAA8B;IAEzC;;OAEG;IAEH,IAAI,SAAM;IAEV;;OAEG;IAEH,kBAAkB,SAAM;IAExB;;OAEG;IAEH,IAAI,UAAS;IAEb,gBAAgB;IAQhB,SAAS,CAAC,SAAS,CAAC,EAAE,cAAc,GAAG,oBAAoB,CAAC;IAE5D,OAAO,CAAC,iBAAiB,KAAA;IA0CzB,MAAM;IAiBN,MAAM,KAAK,cAAc,WAExB;IAED;;OAEG;IACH,MAAM,KAAK,cAAc,WAExB;IAED,MAAM,CAAC,MAAM,MAAU;CACxB;AAGD,eAAe,OAAO,CAAC","file":"card.d.ts","sourcesContent":["/*\n @license\n \n Copyright IBM Corp. 2019, 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 {\n html,\n property,\n state,\n customElement,\n TemplateResult,\n query,\n} from 'lit-element';\nimport settings from 'carbon-components/es/globals/js/settings.js';\nimport BXLink from '@carbon/~~carbon-~~web-components/es/components/link/link.js';\nimport markdownToHtml from '@carbon/ibmdotcom-utilities/es/utilities/markdownToHtml/markdownToHtml.js';\nimport ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';\nimport { BASIC_COLOR_SCHEME } from '../../globals/defs';\nimport StableSelectorMixin from '../../globals/mixins/stable-selector';\nimport DDSCardFooter from './card-footer';\nimport styles from './card.scss';\nimport { PICTOGRAM_PLACEMENT } from './defs';\n\nconst { prefix } = settings;\nconst { stablePrefix: ddsPrefix } = ddsSettings;\n\n/\n The table mapping slot name with the private property name that indicates the existence of the slot content.\n /\nconst slotExistencePropertyNames = {\n image: '_hasImage',\n pictogram: '_hasPictogram',\n};\n\n/\n Card.\n \n @element dds-card\n * @slot eyebrow - The eyebrow content.\n * @slot heading - The heading content.\n * @slot image - The image content.\n * @slot footer - The footer content.\n /\n@customElement(`${ddsPrefix}-card`)\nclass DDSCard extends StableSelectorMixin(BXLink) {\n /\n `true` if there is image content.\n /\n @state()\n protected _hasImage = false;\n\n /\n `true` if there is copy content.\n /\n @state()\n protected _hasCopy = false;\n\n /\n `true` if there is a pictogram.\n /\n @state()\n protected _hasPictogram = false;\n\n /\n Handles `slotchange` event.\n /\n protected _handleSlotChange({ target }: Event) {\n const { name } = target as HTMLSlotElement;\n const hasContent = (target as HTMLSlotElement)\n .assignedNodes()\n .some(\n (node) => node.nodeType !== Node.TEXT_NODE \|\| node!.textContent!.trim()\n );\n this[slotExistencePropertyNames[name]] = hasContent;\n this._hasCopy = hasContent;\n }\n\n /\n @returns The heading content.\n /\n // eslint-disable-next-line class-methods-use-this\n protected _renderHeading(): TemplateResult \| string \| void {\n return html` <slot name=\"heading\"></slot> `;\n }\n\n /\n @returns The copy content.\n /\n protected _renderCopy(): TemplateResult \| string \| void {\n const { _hasCopy: hasCopy } = this;\n return html`\n <div ?hidden=\"${!hasCopy}\" class=\"${prefix}--card__copy\">\n <slot @slotchange=\"${this._handleSlotChange}\"></slot>\n </div>\n `;\n }\n\n /\n @returns The image content.\n /\n protected _renderImage(): TemplateResult \| string \| void {\n return html`\n <slot name=\"image\" @slotchange=\"${this._handleSlotChange}\"></slot>\n `;\n }\n\n /\n @returns The disabled link content.\n /\n protected _renderDisabledLink() {\n const { _classes: classes } = this;\n return html`\n <div id=\"link\" class=\"${classes}\">${this._renderInner()}</div>\n `;\n }\n\n /\n @returns The inner content.\n /\n protected _renderInner() {\n const {\n _handleSlotChange: handleSlotChange,\n _hasPictogram: hasPictogram,\n _hasCopy: hasCopy,\n } = this;\n return html`\n ${this._renderImage()}\n <div\n class=\"${prefix}--card__wrapper ${hasPictogram\n ? `${prefix}--card__pictogram`\n : ''} ${hasPictogram && hasCopy ? `${prefix}--card__motion` : ''}\"\n >\n <div class=\"${prefix}--card__content\">\n ${hasPictogram ? '' : html` <slot name=\"eyebrow\"></slot> `}\n ${this.pictogramPlacement === PICTOGRAM_PLACEMENT.TOP\n ? html`\n <slot\n name=\"pictogram\"\n data-pictogram-placement=\"${PICTOGRAM_PLACEMENT.TOP}\"\n @slotchange=\"${handleSlotChange}\"\n ></slot>\n `\n : ''}\n ${this.pictogramPlacement !== PICTOGRAM_PLACEMENT.TOP \|\| !hasPictogram\n ? this._renderHeading()\n : null}\n ${this.pictogramPlacement === PICTOGRAM_PLACEMENT.BOTTOM \|\|\n !hasPictogram\n ? this._renderCopy()\n : ''}\n ${this.pictogramPlacement === PICTOGRAM_PLACEMENT.BOTTOM\n ? html`\n <slot\n name=\"pictogram\"\n data-pictogram-placement=\"${PICTOGRAM_PLACEMENT.BOTTOM}\"\n @slotchange=\"${handleSlotChange}\"\n ></slot>\n `\n : ''}\n ${hasPictogram && this.pictogramPlacement === PICTOGRAM_PLACEMENT.TOP\n ? this._renderHeading()\n : null}\n ${hasPictogram && this.pictogramPlacement === PICTOGRAM_PLACEMENT.TOP\n ? this._renderCopy()\n : ''}\n <slot name=\"footer\"></slot>\n </div>\n </div>\n `;\n }\n\n /\n An optional 1px border surrounding the component.\n /\n @property({ type: Boolean, reflect: true })\n border = false;\n\n /\n The color scheme.\n * A typical use case of using another color scheme of card is having a \"CTA\" purpose of card at the last in card group.\n \n Color scheme options are: \"inverse\" and \"light\"\n /\n @property({ attribute: 'color-scheme', reflect: true })\n colorScheme = BASIC_COLOR_SCHEME.REGULAR;\n\n /\n Link `href`.\n /\n @property()\n href = '';\n\n /\n Pictogram placement\n /\n @property({ attribute: 'pictogram-placement', reflect: true })\n pictogramPlacement = '';\n\n /\n Whether or not to apply the logo style.\n /\n @property({ type: Boolean, reflect: true })\n logo = false;\n\n createRenderRoot() {\n return this.attachShadow({\n mode: 'open',\n delegatesFocus: false,\n });\n }\n\n @query('div')\n protected _linkNode?: HTMLDivElement \| HTMLParagraphElement;\n\n updated(changedProperties) {\n super.updated(changedProperties);\n const { colorScheme, href, _linkNode: linkNode } = this;\n if (changedProperties.has('colorScheme') \|\| changedProperties.has('href')) {\n const headingText = this.querySelector(\n `${ddsPrefix}-card-heading`\n )?.textContent;\n const copyText = this.textContent;\n const footer = this.querySelector(\n (this.constructor as typeof DDSCard).selectorFooter\n );\n if (footer && href) {\n (footer as DDSCardFooter).colorScheme = colorScheme;\n (footer as DDSCardFooter).parentHref = href;\n (footer as DDSCardFooter).href = href;\n (footer as DDSCardFooter).altAriaLabel = headingText \|\| copyText;\n }\n }\n if (linkNode) {\n linkNode.classList.add(`${prefix}--tile`);\n linkNode.classList.add(`${prefix}--card`);\n linkNode.classList.toggle(`${prefix}--tile--clickable`, Boolean(href));\n linkNode.classList.toggle(`${prefix}--card--link`, Boolean(href));\n linkNode.classList.toggle(\n `${prefix}--card--inverse`,\n colorScheme === BASIC_COLOR_SCHEME.INVERSE\n );\n }\n\n if (this._hasPictogram) {\n this.onclick = () => window.open(this.href, '_self');\n }\n\n const copyElement = this.querySelector('p');\n if (this._hasCopy && copyElement?.innerText) {\n copyElement.innerHTML = `${markdownToHtml(copyElement?.innerText, {\n bold: false,\n })}`;\n copyElement.firstElementChild?.setAttribute('style', 'all:unset;');\n }\n }\n\n render() {\n return this._hasPictogram\n ? html`\n <div\n tabindex=\"0\"\n aria-label=\"${this.querySelector(`${ddsPrefix}-card-heading`)\n ?.textContent \|\| ''}\"\n aria-live=\"polite\"\n aria-describedby=\"${prefix}--card__copy\"\n role=\"button\"\n >\n ${this._renderInner()}\n </div>\n `\n : html` <div>${this._renderInner()}</div> `;\n }\n\n static get stableSelector() {\n return `${ddsPrefix}--card`;\n }\n\n /\n A selector that will return the child footer.\n /\n static get selectorFooter() {\n return `${ddsPrefix}-card-footer`;\n }\n\n static styles = styles;\n}\n\n/ @__GENERATE_REACT_CUSTOM_ELEMENT_TYPE__ */\nexport default DDSCard;\n"]}
1	+ {"version":3,"sources":["components/card/card.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAKL,cAAc,EAEf,MAAM,aAAa,CAAC;AAErB,OAAO,MAAM,MAAM,mDAAmD,CAAC;AAGvE,OAAO,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiBxD;;;;;;;;GAQG;AACH,cACM,OAAQ,SAAQ,YAA2B;IAC/C;;OAEG;IAEH,SAAS,CAAC,SAAS,UAAS;IAE5B;;OAEG;IAEH,SAAS,CAAC,QAAQ,UAAS;IAE3B;;OAEG;IAEH,SAAS,CAAC,aAAa,UAAS;IAEhC;;OAEG;IACH,SAAS,CAAC,iBAAiB,CAAC,EAAE,MAAM,EAAE,EAAE,KAAK;IAW7C;;OAEG;IAEH,SAAS,CAAC,cAAc,IAAI,cAAc,GAAG,MAAM,GAAG,IAAI;IAI1D;;OAEG;IACH,SAAS,CAAC,WAAW,IAAI,cAAc,GAAG,MAAM,GAAG,IAAI;IASvD;;OAEG;IACH,SAAS,CAAC,YAAY,IAAI,cAAc,GAAG,MAAM,GAAG,IAAI;IAMxD;;OAEG;IACH,SAAS,CAAC,mBAAmB;IAO7B;;OAEG;IACH,SAAS,CAAC,YAAY;IAoDtB;;OAEG;IAEH,MAAM,UAAS;IAEf;;;;;OAKG;IAEH,WAAW,qBAA8B;IAEzC;;OAEG;IAEH,IAAI,SAAM;IAEV;;OAEG;IAEH,kBAAkB,SAAM;IAExB;;OAEG;IAEH,IAAI,UAAS;IAEb,gBAAgB;IAQhB,SAAS,CAAC,SAAS,CAAC,EAAE,cAAc,GAAG,oBAAoB,CAAC;IAE5D,OAAO,CAAC,iBAAiB,KAAA;IA0CzB,MAAM;IAiBN,MAAM,KAAK,cAAc,WAExB;IAED;;OAEG;IACH,MAAM,KAAK,cAAc,WAExB;IAED,MAAM,CAAC,MAAM,MAAU;CACxB;AAGD,eAAe,OAAO,CAAC","file":"card.d.ts","sourcesContent":["/*\n @license\n \n Copyright IBM Corp. 2019, 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 {\n html,\n property,\n state,\n customElement,\n TemplateResult,\n query,\n} from 'lit-element';\nimport settings from 'carbon-components/es/globals/js/settings.js';\nimport BXLink from '@carbon/web-components/es/components/link/link.js';\nimport markdownToHtml from '@carbon/ibmdotcom-utilities/es/utilities/markdownToHtml/markdownToHtml.js';\nimport ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';\nimport { BASIC_COLOR_SCHEME } from '../../globals/defs';\nimport StableSelectorMixin from '../../globals/mixins/stable-selector';\nimport DDSCardFooter from './card-footer';\nimport styles from './card.scss';\nimport { PICTOGRAM_PLACEMENT } from './defs';\n\nconst { prefix } = settings;\nconst { stablePrefix: ddsPrefix } = ddsSettings;\n\n/\n The table mapping slot name with the private property name that indicates the existence of the slot content.\n /\nconst slotExistencePropertyNames = {\n image: '_hasImage',\n pictogram: '_hasPictogram',\n};\n\n/\n Card.\n \n @element dds-card\n * @slot eyebrow - The eyebrow content.\n * @slot heading - The heading content.\n * @slot image - The image content.\n * @slot footer - The footer content.\n /\n@customElement(`${ddsPrefix}-card`)\nclass DDSCard extends StableSelectorMixin(BXLink) {\n /\n `true` if there is image content.\n /\n @state()\n protected _hasImage = false;\n\n /\n `true` if there is copy content.\n /\n @state()\n protected _hasCopy = false;\n\n /\n `true` if there is a pictogram.\n /\n @state()\n protected _hasPictogram = false;\n\n /\n Handles `slotchange` event.\n /\n protected _handleSlotChange({ target }: Event) {\n const { name } = target as HTMLSlotElement;\n const hasContent = (target as HTMLSlotElement)\n .assignedNodes()\n .some(\n (node) => node.nodeType !== Node.TEXT_NODE \|\| node!.textContent!.trim()\n );\n this[slotExistencePropertyNames[name]] = hasContent;\n this._hasCopy = hasContent;\n }\n\n /\n @returns The heading content.\n /\n // eslint-disable-next-line class-methods-use-this\n protected _renderHeading(): TemplateResult \| string \| void {\n return html` <slot name=\"heading\"></slot> `;\n }\n\n /\n @returns The copy content.\n /\n protected _renderCopy(): TemplateResult \| string \| void {\n const { _hasCopy: hasCopy } = this;\n return html`\n <div ?hidden=\"${!hasCopy}\" class=\"${prefix}--card__copy\">\n <slot @slotchange=\"${this._handleSlotChange}\"></slot>\n </div>\n `;\n }\n\n /\n @returns The image content.\n /\n protected _renderImage(): TemplateResult \| string \| void {\n return html`\n <slot name=\"image\" @slotchange=\"${this._handleSlotChange}\"></slot>\n `;\n }\n\n /\n @returns The disabled link content.\n /\n protected _renderDisabledLink() {\n const { _classes: classes } = this;\n return html`\n <div id=\"link\" class=\"${classes}\">${this._renderInner()}</div>\n `;\n }\n\n /\n @returns The inner content.\n /\n protected _renderInner() {\n const {\n _handleSlotChange: handleSlotChange,\n _hasPictogram: hasPictogram,\n _hasCopy: hasCopy,\n } = this;\n return html`\n ${this._renderImage()}\n <div\n class=\"${prefix}--card__wrapper ${hasPictogram\n ? `${prefix}--card__pictogram`\n : ''} ${hasPictogram && hasCopy ? `${prefix}--card__motion` : ''}\"\n >\n <div class=\"${prefix}--card__content\">\n ${hasPictogram ? '' : html` <slot name=\"eyebrow\"></slot> `}\n ${this.pictogramPlacement === PICTOGRAM_PLACEMENT.TOP\n ? html`\n <slot\n name=\"pictogram\"\n data-pictogram-placement=\"${PICTOGRAM_PLACEMENT.TOP}\"\n @slotchange=\"${handleSlotChange}\"\n ></slot>\n `\n : ''}\n ${this.pictogramPlacement !== PICTOGRAM_PLACEMENT.TOP \|\| !hasPictogram\n ? this._renderHeading()\n : null}\n ${this.pictogramPlacement === PICTOGRAM_PLACEMENT.BOTTOM \|\|\n !hasPictogram\n ? this._renderCopy()\n : ''}\n ${this.pictogramPlacement === PICTOGRAM_PLACEMENT.BOTTOM\n ? html`\n <slot\n name=\"pictogram\"\n data-pictogram-placement=\"${PICTOGRAM_PLACEMENT.BOTTOM}\"\n @slotchange=\"${handleSlotChange}\"\n ></slot>\n `\n : ''}\n ${hasPictogram && this.pictogramPlacement === PICTOGRAM_PLACEMENT.TOP\n ? this._renderHeading()\n : null}\n ${hasPictogram && this.pictogramPlacement === PICTOGRAM_PLACEMENT.TOP\n ? this._renderCopy()\n : ''}\n <slot name=\"footer\"></slot>\n </div>\n </div>\n `;\n }\n\n /\n An optional 1px border surrounding the component.\n /\n @property({ type: Boolean, reflect: true })\n border = false;\n\n /\n The color scheme.\n * A typical use case of using another color scheme of card is having a \"CTA\" purpose of card at the last in card group.\n \n Color scheme options are: \"inverse\" and \"light\"\n /\n @property({ attribute: 'color-scheme', reflect: true })\n colorScheme = BASIC_COLOR_SCHEME.REGULAR;\n\n /\n Link `href`.\n /\n @property()\n href = '';\n\n /\n Pictogram placement\n /\n @property({ attribute: 'pictogram-placement', reflect: true })\n pictogramPlacement = '';\n\n /\n Whether or not to apply the logo style.\n /\n @property({ type: Boolean, reflect: true })\n logo = false;\n\n createRenderRoot() {\n return this.attachShadow({\n mode: 'open',\n delegatesFocus: false,\n });\n }\n\n @query('div')\n protected _linkNode?: HTMLDivElement \| HTMLParagraphElement;\n\n updated(changedProperties) {\n super.updated(changedProperties);\n const { colorScheme, href, _linkNode: linkNode } = this;\n if (changedProperties.has('colorScheme') \|\| changedProperties.has('href')) {\n const headingText = this.querySelector(\n `${ddsPrefix}-card-heading`\n )?.textContent;\n const copyText = this.textContent;\n const footer = this.querySelector(\n (this.constructor as typeof DDSCard).selectorFooter\n );\n if (footer && href) {\n (footer as DDSCardFooter).colorScheme = colorScheme;\n (footer as DDSCardFooter).parentHref = href;\n (footer as DDSCardFooter).href = href;\n (footer as DDSCardFooter).altAriaLabel = headingText \|\| copyText;\n }\n }\n if (linkNode) {\n linkNode.classList.add(`${prefix}--tile`);\n linkNode.classList.add(`${prefix}--card`);\n linkNode.classList.toggle(`${prefix}--tile--clickable`, Boolean(href));\n linkNode.classList.toggle(`${prefix}--card--link`, Boolean(href));\n linkNode.classList.toggle(\n `${prefix}--card--inverse`,\n colorScheme === BASIC_COLOR_SCHEME.INVERSE\n );\n }\n\n if (this._hasPictogram) {\n this.onclick = () => window.open(this.href, '_self');\n }\n\n const copyElement = this.querySelector('p');\n if (this._hasCopy && copyElement?.innerText) {\n copyElement.innerHTML = `${markdownToHtml(copyElement?.innerText, {\n bold: false,\n })}`;\n copyElement.firstElementChild?.setAttribute('style', 'all:unset;');\n }\n }\n\n render() {\n return this._hasPictogram\n ? html`\n <div\n tabindex=\"0\"\n aria-label=\"${this.querySelector(`${ddsPrefix}-card-heading`)\n ?.textContent \|\| ''}\"\n aria-live=\"polite\"\n aria-describedby=\"${prefix}--card__copy\"\n role=\"button\"\n >\n ${this._renderInner()}\n </div>\n `\n : html` <div>${this._renderInner()}</div> `;\n }\n\n static get stableSelector() {\n return `${ddsPrefix}--card`;\n }\n\n /\n A selector that will return the child footer.\n /\n static get selectorFooter() {\n return `${ddsPrefix}-card-footer`;\n }\n\n static styles = styles;\n}\n\n/ @__GENERATE_REACT_CUSTOM_ELEMENT_TYPE__ */\nexport default DDSCard;\n"]}

package/es/components/card/card.js CHANGED Viewed

@@ -23,7 +23,7 @@ let _ = t => t,
 import { html, property, state, customElement, query } from 'lit-element';
 import settings from 'carbon-components/es/globals/js/settings.js';
-import BXLink from '@carbon/carbon-web-components/es/components/link/link.js';
+import BXLink from '@carbon/web-components/es/components/link/link.js';
 import markdownToHtml from '@carbon/ibmdotcom-utilities/es/utilities/markdownToHtml/markdownToHtml.js';
 import ddsSettings from "../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings.js";
 import { BASIC_COLOR_SCHEME } from "../../globals/defs.js";

package/es/components/card/card.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"card.js","names":["html","property","state","customElement","query","settings","BXLink","markdownToHtml","ddsSettings","BASIC_COLOR_SCHEME","StableSelectorMixin","styles","PICTOGRAM_PLACEMENT","prefix","stablePrefix","ddsPrefix","slotExistencePropertyNames","image","pictogram","DDSCard","target","name","hasContent","assignedNodes","some","node","nodeType","Node","TEXT_NODE","textContent","trim","_hasCopy","hasCopy","_handleSlotChange","_classes","classes","_renderInner","handleSlotChange","_hasPictogram","hasPictogram","_renderImage","pictogramPlacement","TOP","_renderHeading","BOTTOM","_renderCopy","type","Boolean","reflect","attribute","REGULAR","attachShadow","mode","delegatesFocus","changedProperties","colorScheme","href","_linkNode","linkNode","has","headingText","querySelector","copyText","footer","constructor","selectorFooter","parentHref","altAriaLabel","classList","add","toggle","INVERSE","onclick","window","open","copyElement","innerText","innerHTML","bold","firstElementChild","setAttribute"],"sources":["components/card/card.ts"],"sourcesContent":["/*\n @license\n \n Copyright IBM Corp. 2019, 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 {\n html,\n property,\n state,\n customElement,\n TemplateResult,\n query,\n} from 'lit-element';\nimport settings from 'carbon-components/es/globals/js/settings.js';\nimport BXLink from '@carbon/carbon-web-components/es/components/link/link.js';\nimport markdownToHtml from '@carbon/ibmdotcom-utilities/es/utilities/markdownToHtml/markdownToHtml.js';\nimport ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';\nimport { BASIC_COLOR_SCHEME } from '../../globals/defs';\nimport StableSelectorMixin from '../../globals/mixins/stable-selector';\nimport DDSCardFooter from './card-footer';\nimport styles from './card.scss';\nimport { PICTOGRAM_PLACEMENT } from './defs';\n\nconst { prefix } = settings;\nconst { stablePrefix: ddsPrefix } = ddsSettings;\n\n/\n The table mapping slot name with the private property name that indicates the existence of the slot content.\n /\nconst slotExistencePropertyNames = {\n image: '_hasImage',\n pictogram: '_hasPictogram',\n};\n\n/\n Card.\n \n @element dds-card\n * @slot eyebrow - The eyebrow content.\n * @slot heading - The heading content.\n * @slot image - The image content.\n * @slot footer - The footer content.\n /\n@customElement(`${ddsPrefix}-card`)\nclass DDSCard extends StableSelectorMixin(BXLink) {\n /\n `true` if there is image content.\n /\n @state()\n protected _hasImage = false;\n\n /\n `true` if there is copy content.\n /\n @state()\n protected _hasCopy = false;\n\n /\n `true` if there is a pictogram.\n /\n @state()\n protected _hasPictogram = false;\n\n /\n Handles `slotchange` event.\n /\n protected _handleSlotChange({ target }: Event) {\n const { name } = target as HTMLSlotElement;\n const hasContent = (target as HTMLSlotElement)\n .assignedNodes()\n .some(\n (node) => node.nodeType !== Node.TEXT_NODE \|\| node!.textContent!.trim()\n );\n this[slotExistencePropertyNames[name]] = hasContent;\n this._hasCopy = hasContent;\n }\n\n /\n @returns The heading content.\n /\n // eslint-disable-next-line class-methods-use-this\n protected _renderHeading(): TemplateResult \| string \| void {\n return html` <slot name=\"heading\"></slot> `;\n }\n\n /\n @returns The copy content.\n /\n protected _renderCopy(): TemplateResult \| string \| void {\n const { _hasCopy: hasCopy } = this;\n return html`\n <div ?hidden=\"${!hasCopy}\" class=\"${prefix}--card__copy\">\n <slot @slotchange=\"${this._handleSlotChange}\"></slot>\n </div>\n `;\n }\n\n /\n @returns The image content.\n /\n protected _renderImage(): TemplateResult \| string \| void {\n return html`\n <slot name=\"image\" @slotchange=\"${this._handleSlotChange}\"></slot>\n `;\n }\n\n /\n @returns The disabled link content.\n /\n protected _renderDisabledLink() {\n const { _classes: classes } = this;\n return html`\n <div id=\"link\" class=\"${classes}\">${this._renderInner()}</div>\n `;\n }\n\n /\n @returns The inner content.\n /\n protected _renderInner() {\n const {\n _handleSlotChange: handleSlotChange,\n _hasPictogram: hasPictogram,\n _hasCopy: hasCopy,\n } = this;\n return html`\n ${this._renderImage()}\n <div\n class=\"${prefix}--card__wrapper ${hasPictogram\n ? `${prefix}--card__pictogram`\n : ''} ${hasPictogram && hasCopy ? `${prefix}--card__motion` : ''}\"\n >\n <div class=\"${prefix}--card__content\">\n ${hasPictogram ? '' : html` <slot name=\"eyebrow\"></slot> `}\n ${this.pictogramPlacement === PICTOGRAM_PLACEMENT.TOP\n ? html`\n <slot\n name=\"pictogram\"\n data-pictogram-placement=\"${PICTOGRAM_PLACEMENT.TOP}\"\n @slotchange=\"${handleSlotChange}\"\n ></slot>\n `\n : ''}\n ${this.pictogramPlacement !== PICTOGRAM_PLACEMENT.TOP \|\| !hasPictogram\n ? this._renderHeading()\n : null}\n ${this.pictogramPlacement === PICTOGRAM_PLACEMENT.BOTTOM \|\|\n !hasPictogram\n ? this._renderCopy()\n : ''}\n ${this.pictogramPlacement === PICTOGRAM_PLACEMENT.BOTTOM\n ? html`\n <slot\n name=\"pictogram\"\n data-pictogram-placement=\"${PICTOGRAM_PLACEMENT.BOTTOM}\"\n @slotchange=\"${handleSlotChange}\"\n ></slot>\n `\n : ''}\n ${hasPictogram && this.pictogramPlacement === PICTOGRAM_PLACEMENT.TOP\n ? this._renderHeading()\n : null}\n ${hasPictogram && this.pictogramPlacement === PICTOGRAM_PLACEMENT.TOP\n ? this._renderCopy()\n : ''}\n <slot name=\"footer\"></slot>\n </div>\n </div>\n `;\n }\n\n /\n An optional 1px border surrounding the component.\n /\n @property({ type: Boolean, reflect: true })\n border = false;\n\n /\n The color scheme.\n * A typical use case of using another color scheme of card is having a \"CTA\" purpose of card at the last in card group.\n \n Color scheme options are: \"inverse\" and \"light\"\n /\n @property({ attribute: 'color-scheme', reflect: true })\n colorScheme = BASIC_COLOR_SCHEME.REGULAR;\n\n /\n Link `href`.\n /\n @property()\n href = '';\n\n /\n Pictogram placement\n /\n @property({ attribute: 'pictogram-placement', reflect: true })\n pictogramPlacement = '';\n\n /\n Whether or not to apply the logo style.\n /\n @property({ type: Boolean, reflect: true })\n logo = false;\n\n createRenderRoot() {\n return this.attachShadow({\n mode: 'open',\n delegatesFocus: false,\n });\n }\n\n @query('div')\n protected _linkNode?: HTMLDivElement \| HTMLParagraphElement;\n\n updated(changedProperties) {\n super.updated(changedProperties);\n const { colorScheme, href, _linkNode: linkNode } = this;\n if (changedProperties.has('colorScheme') \|\| changedProperties.has('href')) {\n const headingText = this.querySelector(\n `${ddsPrefix}-card-heading`\n )?.textContent;\n const copyText = this.textContent;\n const footer = this.querySelector(\n (this.constructor as typeof DDSCard).selectorFooter\n );\n if (footer && href) {\n (footer as DDSCardFooter).colorScheme = colorScheme;\n (footer as DDSCardFooter).parentHref = href;\n (footer as DDSCardFooter).href = href;\n (footer as DDSCardFooter).altAriaLabel = headingText \|\| copyText;\n }\n }\n if (linkNode) {\n linkNode.classList.add(`${prefix}--tile`);\n linkNode.classList.add(`${prefix}--card`);\n linkNode.classList.toggle(`${prefix}--tile--clickable`, Boolean(href));\n linkNode.classList.toggle(`${prefix}--card--link`, Boolean(href));\n linkNode.classList.toggle(\n `${prefix}--card--inverse`,\n colorScheme === BASIC_COLOR_SCHEME.INVERSE\n );\n }\n\n if (this._hasPictogram) {\n this.onclick = () => window.open(this.href, '_self');\n }\n\n const copyElement = this.querySelector('p');\n if (this._hasCopy && copyElement?.innerText) {\n copyElement.innerHTML = `${markdownToHtml(copyElement?.innerText, {\n bold: false,\n })}`;\n copyElement.firstElementChild?.setAttribute('style', 'all:unset;');\n }\n }\n\n render() {\n return this._hasPictogram\n ? html`\n <div\n tabindex=\"0\"\n aria-label=\"${this.querySelector(`${ddsPrefix}-card-heading`)\n ?.textContent \|\| ''}\"\n aria-live=\"polite\"\n aria-describedby=\"${prefix}--card__copy\"\n role=\"button\"\n >\n ${this._renderInner()}\n </div>\n `\n : html` <div>${this._renderInner()}</div> `;\n }\n\n static get stableSelector() {\n return `${ddsPrefix}--card`;\n }\n\n /\n A selector that will return the child footer.\n /\n static get selectorFooter() {\n return `${ddsPrefix}-card-footer`;\n }\n\n static styles = styles;\n}\n\n/ @__GENERATE_REACT_CUSTOM_ELEMENT_TYPE__ */\nexport default DDSCard;\n"],"mappings":"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"}
1	+ {"version":3,"file":"card.js","names":["html","property","state","customElement","query","settings","BXLink","markdownToHtml","ddsSettings","BASIC_COLOR_SCHEME","StableSelectorMixin","styles","PICTOGRAM_PLACEMENT","prefix","stablePrefix","ddsPrefix","slotExistencePropertyNames","image","pictogram","DDSCard","target","name","hasContent","assignedNodes","some","node","nodeType","Node","TEXT_NODE","textContent","trim","_hasCopy","hasCopy","_handleSlotChange","_classes","classes","_renderInner","handleSlotChange","_hasPictogram","hasPictogram","_renderImage","pictogramPlacement","TOP","_renderHeading","BOTTOM","_renderCopy","type","Boolean","reflect","attribute","REGULAR","attachShadow","mode","delegatesFocus","changedProperties","colorScheme","href","_linkNode","linkNode","has","headingText","querySelector","copyText","footer","constructor","selectorFooter","parentHref","altAriaLabel","classList","add","toggle","INVERSE","onclick","window","open","copyElement","innerText","innerHTML","bold","firstElementChild","setAttribute"],"sources":["components/card/card.ts"],"sourcesContent":["/*\n @license\n \n Copyright IBM Corp. 2019, 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 {\n html,\n property,\n state,\n customElement,\n TemplateResult,\n query,\n} from 'lit-element';\nimport settings from 'carbon-components/es/globals/js/settings.js';\nimport BXLink from '@carbon/web-components/es/components/link/link.js';\nimport markdownToHtml from '@carbon/ibmdotcom-utilities/es/utilities/markdownToHtml/markdownToHtml.js';\nimport ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';\nimport { BASIC_COLOR_SCHEME } from '../../globals/defs';\nimport StableSelectorMixin from '../../globals/mixins/stable-selector';\nimport DDSCardFooter from './card-footer';\nimport styles from './card.scss';\nimport { PICTOGRAM_PLACEMENT } from './defs';\n\nconst { prefix } = settings;\nconst { stablePrefix: ddsPrefix } = ddsSettings;\n\n/\n The table mapping slot name with the private property name that indicates the existence of the slot content.\n /\nconst slotExistencePropertyNames = {\n image: '_hasImage',\n pictogram: '_hasPictogram',\n};\n\n/\n Card.\n \n @element dds-card\n * @slot eyebrow - The eyebrow content.\n * @slot heading - The heading content.\n * @slot image - The image content.\n * @slot footer - The footer content.\n /\n@customElement(`${ddsPrefix}-card`)\nclass DDSCard extends StableSelectorMixin(BXLink) {\n /\n `true` if there is image content.\n /\n @state()\n protected _hasImage = false;\n\n /\n `true` if there is copy content.\n /\n @state()\n protected _hasCopy = false;\n\n /\n `true` if there is a pictogram.\n /\n @state()\n protected _hasPictogram = false;\n\n /\n Handles `slotchange` event.\n /\n protected _handleSlotChange({ target }: Event) {\n const { name } = target as HTMLSlotElement;\n const hasContent = (target as HTMLSlotElement)\n .assignedNodes()\n .some(\n (node) => node.nodeType !== Node.TEXT_NODE \|\| node!.textContent!.trim()\n );\n this[slotExistencePropertyNames[name]] = hasContent;\n this._hasCopy = hasContent;\n }\n\n /\n @returns The heading content.\n /\n // eslint-disable-next-line class-methods-use-this\n protected _renderHeading(): TemplateResult \| string \| void {\n return html` <slot name=\"heading\"></slot> `;\n }\n\n /\n @returns The copy content.\n /\n protected _renderCopy(): TemplateResult \| string \| void {\n const { _hasCopy: hasCopy } = this;\n return html`\n <div ?hidden=\"${!hasCopy}\" class=\"${prefix}--card__copy\">\n <slot @slotchange=\"${this._handleSlotChange}\"></slot>\n </div>\n `;\n }\n\n /\n @returns The image content.\n /\n protected _renderImage(): TemplateResult \| string \| void {\n return html`\n <slot name=\"image\" @slotchange=\"${this._handleSlotChange}\"></slot>\n `;\n }\n\n /\n @returns The disabled link content.\n /\n protected _renderDisabledLink() {\n const { _classes: classes } = this;\n return html`\n <div id=\"link\" class=\"${classes}\">${this._renderInner()}</div>\n `;\n }\n\n /\n @returns The inner content.\n /\n protected _renderInner() {\n const {\n _handleSlotChange: handleSlotChange,\n _hasPictogram: hasPictogram,\n _hasCopy: hasCopy,\n } = this;\n return html`\n ${this._renderImage()}\n <div\n class=\"${prefix}--card__wrapper ${hasPictogram\n ? `${prefix}--card__pictogram`\n : ''} ${hasPictogram && hasCopy ? `${prefix}--card__motion` : ''}\"\n >\n <div class=\"${prefix}--card__content\">\n ${hasPictogram ? '' : html` <slot name=\"eyebrow\"></slot> `}\n ${this.pictogramPlacement === PICTOGRAM_PLACEMENT.TOP\n ? html`\n <slot\n name=\"pictogram\"\n data-pictogram-placement=\"${PICTOGRAM_PLACEMENT.TOP}\"\n @slotchange=\"${handleSlotChange}\"\n ></slot>\n `\n : ''}\n ${this.pictogramPlacement !== PICTOGRAM_PLACEMENT.TOP \|\| !hasPictogram\n ? this._renderHeading()\n : null}\n ${this.pictogramPlacement === PICTOGRAM_PLACEMENT.BOTTOM \|\|\n !hasPictogram\n ? this._renderCopy()\n : ''}\n ${this.pictogramPlacement === PICTOGRAM_PLACEMENT.BOTTOM\n ? html`\n <slot\n name=\"pictogram\"\n data-pictogram-placement=\"${PICTOGRAM_PLACEMENT.BOTTOM}\"\n @slotchange=\"${handleSlotChange}\"\n ></slot>\n `\n : ''}\n ${hasPictogram && this.pictogramPlacement === PICTOGRAM_PLACEMENT.TOP\n ? this._renderHeading()\n : null}\n ${hasPictogram && this.pictogramPlacement === PICTOGRAM_PLACEMENT.TOP\n ? this._renderCopy()\n : ''}\n <slot name=\"footer\"></slot>\n </div>\n </div>\n `;\n }\n\n /\n An optional 1px border surrounding the component.\n /\n @property({ type: Boolean, reflect: true })\n border = false;\n\n /\n The color scheme.\n * A typical use case of using another color scheme of card is having a \"CTA\" purpose of card at the last in card group.\n \n Color scheme options are: \"inverse\" and \"light\"\n /\n @property({ attribute: 'color-scheme', reflect: true })\n colorScheme = BASIC_COLOR_SCHEME.REGULAR;\n\n /\n Link `href`.\n /\n @property()\n href = '';\n\n /\n Pictogram placement\n /\n @property({ attribute: 'pictogram-placement', reflect: true })\n pictogramPlacement = '';\n\n /\n Whether or not to apply the logo style.\n /\n @property({ type: Boolean, reflect: true })\n logo = false;\n\n createRenderRoot() {\n return this.attachShadow({\n mode: 'open',\n delegatesFocus: false,\n });\n }\n\n @query('div')\n protected _linkNode?: HTMLDivElement \| HTMLParagraphElement;\n\n updated(changedProperties) {\n super.updated(changedProperties);\n const { colorScheme, href, _linkNode: linkNode } = this;\n if (changedProperties.has('colorScheme') \|\| changedProperties.has('href')) {\n const headingText = this.querySelector(\n `${ddsPrefix}-card-heading`\n )?.textContent;\n const copyText = this.textContent;\n const footer = this.querySelector(\n (this.constructor as typeof DDSCard).selectorFooter\n );\n if (footer && href) {\n (footer as DDSCardFooter).colorScheme = colorScheme;\n (footer as DDSCardFooter).parentHref = href;\n (footer as DDSCardFooter).href = href;\n (footer as DDSCardFooter).altAriaLabel = headingText \|\| copyText;\n }\n }\n if (linkNode) {\n linkNode.classList.add(`${prefix}--tile`);\n linkNode.classList.add(`${prefix}--card`);\n linkNode.classList.toggle(`${prefix}--tile--clickable`, Boolean(href));\n linkNode.classList.toggle(`${prefix}--card--link`, Boolean(href));\n linkNode.classList.toggle(\n `${prefix}--card--inverse`,\n colorScheme === BASIC_COLOR_SCHEME.INVERSE\n );\n }\n\n if (this._hasPictogram) {\n this.onclick = () => window.open(this.href, '_self');\n }\n\n const copyElement = this.querySelector('p');\n if (this._hasCopy && copyElement?.innerText) {\n copyElement.innerHTML = `${markdownToHtml(copyElement?.innerText, {\n bold: false,\n })}`;\n copyElement.firstElementChild?.setAttribute('style', 'all:unset;');\n }\n }\n\n render() {\n return this._hasPictogram\n ? html`\n <div\n tabindex=\"0\"\n aria-label=\"${this.querySelector(`${ddsPrefix}-card-heading`)\n ?.textContent \|\| ''}\"\n aria-live=\"polite\"\n aria-describedby=\"${prefix}--card__copy\"\n role=\"button\"\n >\n ${this._renderInner()}\n </div>\n `\n : html` <div>${this._renderInner()}</div> `;\n }\n\n static get stableSelector() {\n return `${ddsPrefix}--card`;\n }\n\n /\n A selector that will return the child footer.\n /\n static get selectorFooter() {\n return `${ddsPrefix}-card-footer`;\n }\n\n static styles = styles;\n}\n\n/ @__GENERATE_REACT_CUSTOM_ELEMENT_TYPE__ */\nexport default DDSCard;\n"],"mappings":"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"}

package/es/components/card-in-card/card-in-card.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["components/card-in-card/card-in-card.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAOH,OAAO,UAAwB,MAAM,iBAAiB,CAAC;AACvD,OAAO,sBAAsB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAO9B;;;;GAIG;AACH,cACM,aAAc,SAAQ,kBAA+B;IACzD,SAAS,CAAC,YAAY;IAwBtB,OAAO,CAAC,iBAAiB,KAAA;IA0BzB,MAAM,KAAK,cAAc,WAExB;IAED,MAAM,KAAK,MAAM,oCAIhB;CACF;AAGD,eAAe,aAAa,CAAC","file":"card-in-card.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 { css, customElement, html } from 'lit-element';\nimport settings from 'carbon-components/es/globals/js/settings.js';\nimport ifNonNull from '@carbon/~~carbon-~~web-components/es/globals/directives/if-non-null.js';\nimport PlayVideo from '@carbon/ibmdotcom-styles/icons/svg/play-video.svg';\nimport ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';\nimport DDSCardCTA, { CTA_TYPE } from '../cta/card-cta';\nimport './card-in-card-image';\nimport styles from './card-in-card.scss';\nimport StableSelectorMixin from '../../globals/mixins/stable-selector';\n\nconst { prefix } = settings;\nconst { stablePrefix: ddsPrefix } = ddsSettings;\n\n/\n Card in Card.\n \n @element dds-card-in-card\n /\n@customElement(`${ddsPrefix}-card-in-card`)\nclass DDSCardInCard extends StableSelectorMixin(DDSCardCTA) {\n protected _renderImage() {\n const {\n ctaType,\n videoName,\n videoThumbnailUrl,\n thumbnail,\n _hasImage: hasImage,\n } = this;\n const image =\n hasImage \|\| ctaType !== CTA_TYPE.VIDEO\n ? undefined\n : html`\n <dds-card-in-card-image\n alt=\"${ifNonNull(videoName)}\"\n default-src=\"${ifNonNull(thumbnail \|\| videoThumbnailUrl)}\"\n >\n ${PlayVideo({ slot: 'icon' })}\n </dds-card-in-card-image>\n `;\n return html`\n <slot name=\"image\" @slotchange=\"${this._handleSlotChange}\"></slot>${image}\n `;\n }\n\n updated(changedProperties) {\n super.updated(changedProperties);\n const { _linkNode: linkNode } = this;\n if (linkNode) {\n linkNode.classList.add(`${prefix}--card-in-card`);\n }\n\n const cardInCardImage = this.querySelector(\n `${ddsPrefix}-card-in-card-image`\n );\n const cardInCardImageVideo = this.parentElement\n ?.querySelector(`${ddsPrefix}-card-in-card`)\n ?.shadowRoot?.querySelector('dds-card-in-card-image');\n\n // fires the card cta footer when card image is clicked\n if (cardInCardImage \|\| cardInCardImageVideo) {\n (\n (cardInCardImage as HTMLElement) \|\|\n (cardInCardImageVideo as HTMLElement)\n ).onclick = () =>\n this.querySelector(`${ddsPrefix}-card-cta-footer`)\n ?.shadowRoot?.querySelector(`a`)\n ?.click();\n }\n }\n\n static get stableSelector() {\n return `${ddsPrefix}--card-in-card`;\n }\n\n static get styles() {\n return css`\n ${super.styles}${styles}\n `;\n }\n}\n\n/ @__GENERATE_REACT_CUSTOM_ELEMENT_TYPE__ */\nexport default DDSCardInCard;\n"]}
1	+ {"version":3,"sources":["components/card-in-card/card-in-card.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAOH,OAAO,UAAwB,MAAM,iBAAiB,CAAC;AACvD,OAAO,sBAAsB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAO9B;;;;GAIG;AACH,cACM,aAAc,SAAQ,kBAA+B;IACzD,SAAS,CAAC,YAAY;IAwBtB,OAAO,CAAC,iBAAiB,KAAA;IA0BzB,MAAM,KAAK,cAAc,WAExB;IAED,MAAM,KAAK,MAAM,oCAIhB;CACF;AAGD,eAAe,aAAa,CAAC","file":"card-in-card.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 { css, customElement, html } from 'lit-element';\nimport settings from 'carbon-components/es/globals/js/settings.js';\nimport ifNonNull from '@carbon/web-components/es/globals/directives/if-non-null.js';\nimport PlayVideo from '@carbon/ibmdotcom-styles/icons/svg/play-video.svg';\nimport ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';\nimport DDSCardCTA, { CTA_TYPE } from '../cta/card-cta';\nimport './card-in-card-image';\nimport styles from './card-in-card.scss';\nimport StableSelectorMixin from '../../globals/mixins/stable-selector';\n\nconst { prefix } = settings;\nconst { stablePrefix: ddsPrefix } = ddsSettings;\n\n/\n Card in Card.\n \n @element dds-card-in-card\n /\n@customElement(`${ddsPrefix}-card-in-card`)\nclass DDSCardInCard extends StableSelectorMixin(DDSCardCTA) {\n protected _renderImage() {\n const {\n ctaType,\n videoName,\n videoThumbnailUrl,\n thumbnail,\n _hasImage: hasImage,\n } = this;\n const image =\n hasImage \|\| ctaType !== CTA_TYPE.VIDEO\n ? undefined\n : html`\n <dds-card-in-card-image\n alt=\"${ifNonNull(videoName)}\"\n default-src=\"${ifNonNull(thumbnail \|\| videoThumbnailUrl)}\"\n >\n ${PlayVideo({ slot: 'icon' })}\n </dds-card-in-card-image>\n `;\n return html`\n <slot name=\"image\" @slotchange=\"${this._handleSlotChange}\"></slot>${image}\n `;\n }\n\n updated(changedProperties) {\n super.updated(changedProperties);\n const { _linkNode: linkNode } = this;\n if (linkNode) {\n linkNode.classList.add(`${prefix}--card-in-card`);\n }\n\n const cardInCardImage = this.querySelector(\n `${ddsPrefix}-card-in-card-image`\n );\n const cardInCardImageVideo = this.parentElement\n ?.querySelector(`${ddsPrefix}-card-in-card`)\n ?.shadowRoot?.querySelector('dds-card-in-card-image');\n\n // fires the card cta footer when card image is clicked\n if (cardInCardImage \|\| cardInCardImageVideo) {\n (\n (cardInCardImage as HTMLElement) \|\|\n (cardInCardImageVideo as HTMLElement)\n ).onclick = () =>\n this.querySelector(`${ddsPrefix}-card-cta-footer`)\n ?.shadowRoot?.querySelector(`a`)\n ?.click();\n }\n }\n\n static get stableSelector() {\n return `${ddsPrefix}--card-in-card`;\n }\n\n static get styles() {\n return css`\n ${super.styles}${styles}\n `;\n }\n}\n\n/ @__GENERATE_REACT_CUSTOM_ELEMENT_TYPE__ */\nexport default DDSCardInCard;\n"]}

package/es/components/card-in-card/card-in-card.js CHANGED Viewed

@@ -16,7 +16,7 @@ let _ = t => t,
 import { css, customElement, html } from 'lit-element';
 import settings from 'carbon-components/es/globals/js/settings.js';
-import ifNonNull from '@carbon/carbon-web-components/es/globals/directives/if-non-null.js';
+import ifNonNull from '@carbon/web-components/es/globals/directives/if-non-null.js';
 import PlayVideo from "../../icons/play-video.js";
 import ddsSettings from "../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings.js";
 import DDSCardCTA, { CTA_TYPE } from "../cta/card-cta.js";

package/es/components/card-in-card/card-in-card.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"card-in-card.js","names":["css","customElement","html","settings","ifNonNull","PlayVideo","ddsSettings","DDSCardCTA","CTA_TYPE","styles","StableSelectorMixin","prefix","stablePrefix","ddsPrefix","DDSCardInCard","ctaType","videoName","videoThumbnailUrl","thumbnail","_hasImage","hasImage","image","VIDEO","undefined","slot","_handleSlotChange","changedProperties","_linkNode","linkNode","classList","add","cardInCardImage","querySelector","cardInCardImageVideo","parentElement","shadowRoot","onclick","click"],"sources":["components/card-in-card/card-in-card.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 { css, customElement, html } from 'lit-element';\nimport settings from 'carbon-components/es/globals/js/settings.js';\nimport ifNonNull from '@carbon/~~carbon-~~web-components/es/globals/directives/if-non-null.js';\nimport PlayVideo from '@carbon/ibmdotcom-styles/icons/svg/play-video.svg';\nimport ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';\nimport DDSCardCTA, { CTA_TYPE } from '../cta/card-cta';\nimport './card-in-card-image';\nimport styles from './card-in-card.scss';\nimport StableSelectorMixin from '../../globals/mixins/stable-selector';\n\nconst { prefix } = settings;\nconst { stablePrefix: ddsPrefix } = ddsSettings;\n\n/\n Card in Card.\n \n @element dds-card-in-card\n /\n@customElement(`${ddsPrefix}-card-in-card`)\nclass DDSCardInCard extends StableSelectorMixin(DDSCardCTA) {\n protected _renderImage() {\n const {\n ctaType,\n videoName,\n videoThumbnailUrl,\n thumbnail,\n _hasImage: hasImage,\n } = this;\n const image =\n hasImage \|\| ctaType !== CTA_TYPE.VIDEO\n ? undefined\n : html`\n <dds-card-in-card-image\n alt=\"${ifNonNull(videoName)}\"\n default-src=\"${ifNonNull(thumbnail \|\| videoThumbnailUrl)}\"\n >\n ${PlayVideo({ slot: 'icon' })}\n </dds-card-in-card-image>\n `;\n return html`\n <slot name=\"image\" @slotchange=\"${this._handleSlotChange}\"></slot>${image}\n `;\n }\n\n updated(changedProperties) {\n super.updated(changedProperties);\n const { _linkNode: linkNode } = this;\n if (linkNode) {\n linkNode.classList.add(`${prefix}--card-in-card`);\n }\n\n const cardInCardImage = this.querySelector(\n `${ddsPrefix}-card-in-card-image`\n );\n const cardInCardImageVideo = this.parentElement\n ?.querySelector(`${ddsPrefix}-card-in-card`)\n ?.shadowRoot?.querySelector('dds-card-in-card-image');\n\n // fires the card cta footer when card image is clicked\n if (cardInCardImage \|\| cardInCardImageVideo) {\n (\n (cardInCardImage as HTMLElement) \|\|\n (cardInCardImageVideo as HTMLElement)\n ).onclick = () =>\n this.querySelector(`${ddsPrefix}-card-cta-footer`)\n ?.shadowRoot?.querySelector(`a`)\n ?.click();\n }\n }\n\n static get stableSelector() {\n return `${ddsPrefix}--card-in-card`;\n }\n\n static get styles() {\n return css`\n ${super.styles}${styles}\n `;\n }\n}\n\n/ @__GENERATE_REACT_CUSTOM_ELEMENT_TYPE__ */\nexport default DDSCardInCard;\n"],"mappings":";;;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,GAAG,EAAEC,aAAa,EAAEC,IAAI,QAAQ,aAAa;AACtD,OAAOC,QAAQ,MAAM,6CAA6C;AAClE,OAAOC,SAAS,MAAM,~~oEAAoE~~;~~AAC1F~~,OAAOC,SAAS,MAAM,2BAAmD;AACzE,OAAOC,WAAW,MAAM,kFAA+E;AACvG,OAAOC,UAAU,IAAIC,QAAQ,QAAQ,oBAAiB;AACtD,OAAO,yBAAsB;AAC7B,OAAOC,OAAM,MAAM,yBAAqB;AACxC,OAAOC,mBAAmB,MAAM,yCAAsC;AAEtE,MAAM;EAAEC;AAAO,CAAC,GAAGR,QAAQ;AAC3B,MAAM;EAAES,YAAY,EAAEC;AAAU,CAAC,GAAGP,WAAW;;AAE/C;AACA;AACA;AACA;AACA;AAJA,IAMMQ,aAAa,cADlBb,aAAa,CAAE,GAAEY,SAAU,eAAc,CAAC;EAA3C,MACMC,aAAa,8BAAyC;IAAA;MAAA;MAAA;IAAA;EA4D5D;EAAC;IAAA,GA5DKA,aAAa;IAAA;MAAA;MAAA;MAAA,OACjB,wBAAyB;QACvB,MAAM;UACJC,OAAO;UACPC,SAAS;UACTC,iBAAiB;UACjBC,SAAS;UACTC,SAAS,EAAEC;QACb,CAAC,GAAG,IAAI;QACR,MAAMC,KAAK,GACTD,QAAQ,IAAIL,OAAO,KAAKP,QAAQ,CAACc,KAAK,GAClCC,SAAS,GACTrB,IAAI,cAAC;AACf;AACA,qBAAmB,CAAuB;AAC1C,6BAA2B,CAA4C;AACvE;AACA,gBAAc,CAA8B;AAC5C;AACA,WAAU,GALWE,SAAS,CAACY,SAAS,CAAC,EACZZ,SAAS,CAACc,SAAS,IAAID,iBAAiB,CAAC,EAEtDZ,SAAS,CAAC;UAAEmB,IAAI,EAAE;QAAO,CAAC,CAAC,CAEhC;QACP,OAAOtB,IAAI,gBAAC;AAChB,wCAAsC,CAAyB,YAAS,CAAQ;AAChF,KAAI,GADoC,IAAI,CAACuB,iBAAiB,EAAYJ,KAAK;MAE7E;IAAC;MAAA;MAAA;MAAA,OAED,iBAAQK,iBAAiB,EAAE;QAAA;QACzB,qBA1BEZ,aAAa,yCA0BDY,iBAAiB;QAC/B,MAAM;UAAEC,SAAS,EAAEC;QAAS,CAAC,GAAG,IAAI;QACpC,IAAIA,QAAQ,EAAE;UACZA,QAAQ,CAACC,SAAS,CAACC,GAAG,CAAE,GAAEnB,MAAO,gBAAe,CAAC;QACnD;QAEA,MAAMoB,eAAe,GAAG,IAAI,CAACC,aAAa,CACvC,GAAEnB,SAAU,qBAAoB,CAClC;QACD,MAAMoB,oBAAoB,0BAAG,IAAI,CAACC,aAAa,iFAAlB,oBACzBF,aAAa,CAAE,GAAEnB,SAAU,eAAc,CAAC,oFADjB,sBAEzBsB,UAAU,2DAFe,uBAEbH,aAAa,CAAC,wBAAwB,CAAC;;QAEvD;QACA,IAAID,eAAe,IAAIE,oBAAoB,EAAE;UAC3C,CACGF,eAAe,IACfE,oBAAoC,EACrCG,OAAO,GAAG;YAAA;YAAA,8BACV,IAAI,CAACJ,aAAa,CAAE,GAAEnB,SAAU,kBAAiB,CAAC,iFAAlD,oBACIsB,UAAU,oFADd,sBACgBH,aAAa,CAAE,GAAE,CAAC,2DADlC,uBAEIK,KAAK,EAAE;UAAA;QACf;MACF;IAAC;MAAA;MAAA;MAAA;MAAA,OAED,0BAA4B;QAC1B,OAAQ,GAAExB,SAAU,gBAAe;MACrC;IAAC;MAAA;MAAA;MAAA;MAAA,OAED,kBAAoB;QAClB,OAAOb,GAAG,gBAAC;AACf,QAAM,CAAe,IAAS;AAC9B,KAAI,wBA1DEc,aAAa,oBAyDIL,OAAM;MAE3B;IAAC;EAAA;AAAA,GA3DyBC,mBAAmB,CAACH,UAAU,CAAC,GA8D3D;AACA,eAAeO,aAAa"}
1	+ {"version":3,"file":"card-in-card.js","names":["css","customElement","html","settings","ifNonNull","PlayVideo","ddsSettings","DDSCardCTA","CTA_TYPE","styles","StableSelectorMixin","prefix","stablePrefix","ddsPrefix","DDSCardInCard","ctaType","videoName","videoThumbnailUrl","thumbnail","_hasImage","hasImage","image","VIDEO","undefined","slot","_handleSlotChange","changedProperties","_linkNode","linkNode","classList","add","cardInCardImage","querySelector","cardInCardImageVideo","parentElement","shadowRoot","onclick","click"],"sources":["components/card-in-card/card-in-card.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 { css, customElement, html } from 'lit-element';\nimport settings from 'carbon-components/es/globals/js/settings.js';\nimport ifNonNull from '@carbon/web-components/es/globals/directives/if-non-null.js';\nimport PlayVideo from '@carbon/ibmdotcom-styles/icons/svg/play-video.svg';\nimport ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';\nimport DDSCardCTA, { CTA_TYPE } from '../cta/card-cta';\nimport './card-in-card-image';\nimport styles from './card-in-card.scss';\nimport StableSelectorMixin from '../../globals/mixins/stable-selector';\n\nconst { prefix } = settings;\nconst { stablePrefix: ddsPrefix } = ddsSettings;\n\n/\n Card in Card.\n \n @element dds-card-in-card\n /\n@customElement(`${ddsPrefix}-card-in-card`)\nclass DDSCardInCard extends StableSelectorMixin(DDSCardCTA) {\n protected _renderImage() {\n const {\n ctaType,\n videoName,\n videoThumbnailUrl,\n thumbnail,\n _hasImage: hasImage,\n } = this;\n const image =\n hasImage \|\| ctaType !== CTA_TYPE.VIDEO\n ? undefined\n : html`\n <dds-card-in-card-image\n alt=\"${ifNonNull(videoName)}\"\n default-src=\"${ifNonNull(thumbnail \|\| videoThumbnailUrl)}\"\n >\n ${PlayVideo({ slot: 'icon' })}\n </dds-card-in-card-image>\n `;\n return html`\n <slot name=\"image\" @slotchange=\"${this._handleSlotChange}\"></slot>${image}\n `;\n }\n\n updated(changedProperties) {\n super.updated(changedProperties);\n const { _linkNode: linkNode } = this;\n if (linkNode) {\n linkNode.classList.add(`${prefix}--card-in-card`);\n }\n\n const cardInCardImage = this.querySelector(\n `${ddsPrefix}-card-in-card-image`\n );\n const cardInCardImageVideo = this.parentElement\n ?.querySelector(`${ddsPrefix}-card-in-card`)\n ?.shadowRoot?.querySelector('dds-card-in-card-image');\n\n // fires the card cta footer when card image is clicked\n if (cardInCardImage \|\| cardInCardImageVideo) {\n (\n (cardInCardImage as HTMLElement) \|\|\n (cardInCardImageVideo as HTMLElement)\n ).onclick = () =>\n this.querySelector(`${ddsPrefix}-card-cta-footer`)\n ?.shadowRoot?.querySelector(`a`)\n ?.click();\n }\n }\n\n static get stableSelector() {\n return `${ddsPrefix}--card-in-card`;\n }\n\n static get styles() {\n return css`\n ${super.styles}${styles}\n `;\n }\n}\n\n/ @__GENERATE_REACT_CUSTOM_ELEMENT_TYPE__ */\nexport default DDSCardInCard;\n"],"mappings":"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"}