npm - @carbon/ibmdotcom-web-components - Versions diffs - 1.30.0-rc.2 → 1.30.0-rc.3 - Mend

@carbon/ibmdotcom-web-components 1.30.0-rc.2 → 1.30.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 (1645) hide show

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

	@@ -1 +1 @@
1	- {"version":3,"file":"card-heading.js","names":["_litElement","require","_settings","_interopRequireDefault","_cardCss","_stableSelector","_templateObject","_createSuper","Derived","hasNativeReflectConstruct","_isNativeReflectConstruct","_createSuperInternal","Super","_getPrototypeOf2","result","NewTarget","constructor","Reflect","construct","arguments","apply","_possibleConstructorReturn2","sham","Proxy","Boolean","prototype","valueOf","call","e","ddsPrefix","ddsSettings","stablePrefix","DDSCardHeading","_decorate2","customElement","concat","_initialize","_StableSelectorMixin","_StableSelectorMixin2","_inherits2","_super","_this","_classCallCheck2","_len","length","args","Array","_key","_assertThisInitialized2","_createClass2","F","d","kind","decorators","property","reflect","key","value","connectedCallback","hasAttribute","setAttribute","_get2","render","html","_taggedTemplateLiteral2","stableSelector","styles","StableSelectorMixin","LitElement","_default","exports"],"sources":["components/card/card-heading.ts"],"sourcesContent":["/*\n @license\n \n Copyright IBM Corp. 2020, ~~2022~~\n \n This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n /\nimport { html, property, ~~customElement,~~ LitElement } from 'lit-element';\nimport ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';\nimport styles from './card.scss';\nimport StableSelectorMixin from '../../globals/mixins/stable-selector';\n\nconst { stablePrefix: ddsPrefix } = ddsSettings;\n\n/\n The heading content of card.\n \n @element dds-card-heading\n /\n@customElement(`${ddsPrefix}-card-heading`)\nclass DDSCardHeading extends StableSelectorMixin(LitElement) {\n /\n The shadow slot this card heading should be in.\n /\n @property({ reflect: true })\n slot = 'heading';\n\n connectedCallback() {\n if (!this.hasAttribute('role')) {\n this.setAttribute('role', 'heading');\n }\n if (!this.hasAttribute('aria-level')) {\n this.setAttribute('aria-level', '3');\n }\n super.connectedCallback();\n }\n\n render() {\n return html` <slot></slot> `;\n }\n\n static get stableSelector() {\n return `${ddsPrefix}--card-heading`;\n }\n\n // `styles` here is a `CSSResult` generated by custom WebPack loader\n static styles = styles;\n}\n\n/ @__GENERATE_REACT_CUSTOM_ELEMENT_TYPE__ */\nexport default DDSCardHeading;\n"],"mappings":";;;;;;;;;;;;;;;;AAQA,IAAAA,WAAA,GAAAC,OAAA;AACA,IAAAC,SAAA,GAAAC,sBAAA,~~CAAAF~~,OAAA;AACA,~~IAAAG~~,QAAA,GAAAD,sBAAA,~~CAAAF~~,OAAA;AACA,~~IAAAI~~,eAAA,GAAAF,sBAAA,~~CAAAF~~,OAAA;AAAuE,~~IAAAK~~,eAAA;AAAA,SAAAC,aAAAC,OAAA,QAAAC,yBAAA,GAAAC,yBAAA,oBAAAC,qBAAA,QAAAC,KAAA,OAAAC,gBAAA,aAAAL,OAAA,GAAAM,MAAA,MAAAL,yBAAA,QAAAM,SAAA,OAAAF,gBAAA,mBAAAG,WAAA,EAAAF,MAAA,GAAAG,OAAA,CAAAC,SAAA,CAAAN,KAAA,EAAAO,SAAA,EAAAJ,SAAA,YAAAD,MAAA,GAAAF,KAAA,CAAAQ,KAAA,OAAAD,SAAA,gBAAAE,2BAAA,mBAAAP,MAAA;AAAA,SAAAJ,0BAAA,eAAAO,OAAA,qBAAAA,OAAA,CAAAC,SAAA,oBAAAD,OAAA,CAAAC,SAAA,CAAAI,IAAA,2BAAAC,KAAA,oCAAAC,OAAA,CAAAC,SAAA,CAAAC,OAAA,CAAAC,IAAA,CAAAV,OAAA,CAAAC,SAAA,CAAAM,OAAA,8CAAAI,CAAA;AAEvE,IAAsBC,SAAS,GAAKC,oBAAW,CAAvCC,YAAY;;AAEpB;AACA;AACA;AACA;AACA;AAJA,IAMMC,cAAc,OAAAC,UAAA,cADnB,IAAAC,~~yBAAa~~,KAAAC,MAAA,CAAIN,SAAS,mBAAgB,aAAAO,WAAA,EAAAC,oBAAA;EAAA,IACrCL,cAAc,0BAAAM,qBAAA;IAAA,IAAAC,UAAA,aAAAP,cAAA,EAAAM,qBAAA;IAAA,IAAAE,MAAA,GAAAjC,YAAA,CAAAyB,cAAA;IAAA,SAAAA,eAAA;MAAA,IAAAS,KAAA;MAAA,IAAAC,gBAAA,mBAAAV,cAAA;MAAA,SAAAW,IAAA,GAAAxB,SAAA,CAAAyB,MAAA,EAAAC,IAAA,OAAAC,KAAA,CAAAH,IAAA,GAAAI,IAAA,MAAAA,IAAA,GAAAJ,IAAA,EAAAI,IAAA;QAAAF,IAAA,CAAAE,IAAA,IAAA5B,SAAA,CAAA4B,IAAA;MAAA;MAAAN,KAAA,GAAAD,MAAA,CAAAb,IAAA,CAAAP,KAAA,CAAAoB,MAAA,SAAAL,MAAA,CAAAU,IAAA;MAAAT,WAAA,KAAAY,uBAAA,aAAAP,KAAA;MAAA,OAAAA,KAAA;IAAA;IAAA,WAAAQ,aAAA,aAAAjB,cAAA;EAAA,EAAAK,oBAAA;EAAA;IAAAa,CAAA,EAAdlB,cAAc;IAAAmB,CAAA;MAAAC,IAAA;MAAAC,UAAA,GAIjB,IAAAC,oBAAQ,EAAC;QAAEC,OAAO,EAAE;MAAK,CAAC,CAAC;MAAAC,GAAA;MAAAC,KAAA,WAAAA,MAAA;QAAA,OACrB,SAAS;MAAA;IAAA;MAAAL,IAAA;MAAAI,GAAA;MAAAC,KAAA;MAJhB;AACF;AACA;;MAIE,SAAAC,kBAAA,EAAoB;QAClB,IAAI,CAAC,IAAI,CAACC,YAAY,CAAC,MAAM,CAAC,EAAE;UAC9B,IAAI,CAACC,YAAY,CAAC,MAAM,EAAE,SAAS,CAAC;QACtC;QACA,IAAI,CAAC,IAAI,CAACD,YAAY,CAAC,YAAY,CAAC,EAAE;UACpC,IAAI,CAACC,YAAY,CAAC,YAAY,EAAE,GAAG,CAAC;QACtC;QACA,IAAAC,KAAA,iBAAAhD,gBAAA,aAdEmB,cAAc,CAAAP,SAAA,8BAAAE,IAAA;MAelB;IAAC;MAAAyB,IAAA;MAAAI,GAAA;MAAAC,KAAA,EAED,SAAAK,OAAA,EAAS;QACP,WAAOC,gBAAI,EAAAzD,eAAA,KAAAA,eAAA,OAAA0D,uBAAA;MACb;IAAC;MAAAZ,IAAA;MAAA;MAAAI,GAAA;MAAAC,KAAA,EAED,SAAAQ,eAAA,EAA4B;QAC1B,UAAA9B,MAAA,CAAUN,SAAS;MACrB;;MAEA;IAAA;MAAAuB,IAAA;MAAA;MAAAI,GAAA;MAAAC,KAAA,WAAAA,MAAA;QAAA,OACgBS,mBAAM;MAAA;IAAA;EAAA;AAAA,GA1BK,IAAAC,0BAAmB,EAACC,sBAAU,CAAC;AA6B5D;AAAA,IAAAC,QAAA,GACerC,cAAc;AAAAsC,OAAA,cAAAD,QAAA"}
1	+ {"version":3,"file":"card-heading.js","names":["_litElement","require","_carbonElement","_settings","_interopRequireDefault","_cardCss","_stableSelector","_templateObject","_createSuper","Derived","hasNativeReflectConstruct","_isNativeReflectConstruct","_createSuperInternal","Super","_getPrototypeOf2","result","NewTarget","constructor","Reflect","construct","arguments","apply","_possibleConstructorReturn2","sham","Proxy","Boolean","prototype","valueOf","call","e","ddsPrefix","ddsSettings","stablePrefix","DDSCardHeading","_decorate2","customElement","concat","_initialize","_StableSelectorMixin","_StableSelectorMixin2","_inherits2","_super","_this","_classCallCheck2","_len","length","args","Array","_key","_assertThisInitialized2","_createClass2","F","d","kind","decorators","property","reflect","key","value","connectedCallback","hasAttribute","setAttribute","_get2","render","html","_taggedTemplateLiteral2","stableSelector","styles","StableSelectorMixin","LitElement","_default","exports"],"sources":["components/card/card-heading.ts"],"sourcesContent":["/*\n @license\n \n Copyright IBM Corp. 2020, 2023\n \n This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n /\nimport { html, property, LitElement } from 'lit-element';\nimport { carbonElement as customElement } from '../../internal/vendor/@carbon/web-components/globals/decorators/carbon-element';\nimport ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';\nimport styles from './card.scss';\nimport StableSelectorMixin from '../../globals/mixins/stable-selector';\n\nconst { stablePrefix: ddsPrefix } = ddsSettings;\n\n/\n The heading content of card.\n \n @element dds-card-heading\n /\n@customElement(`${ddsPrefix}-card-heading`)\nclass DDSCardHeading extends StableSelectorMixin(LitElement) {\n /\n The shadow slot this card heading should be in.\n /\n @property({ reflect: true })\n slot = 'heading';\n\n connectedCallback() {\n if (!this.hasAttribute('role')) {\n this.setAttribute('role', 'heading');\n }\n if (!this.hasAttribute('aria-level')) {\n this.setAttribute('aria-level', '3');\n }\n super.connectedCallback();\n }\n\n render() {\n return html` <slot></slot> `;\n }\n\n static get stableSelector() {\n return `${ddsPrefix}--card-heading`;\n }\n\n // `styles` here is a `CSSResult` generated by custom WebPack loader\n static styles = styles;\n}\n\n/ @__GENERATE_REACT_CUSTOM_ELEMENT_TYPE__ */\nexport default DDSCardHeading;\n"],"mappings":";;;;;;;;;;;;;;;;AAQA,IAAAA,WAAA,GAAAC,OAAA;AACA,IAAAC,cAAA,GAAAD,OAAA;AACA,IAAAE,SAAA,GAAAC,sBAAA,CAAAH,OAAA;AACA,IAAAI,QAAA,GAAAD,sBAAA,CAAAH,OAAA;AACA,IAAAK,eAAA,GAAAF,sBAAA,CAAAH,OAAA;AAAuE,IAAAM,eAAA;AAAA,SAAAC,aAAAC,OAAA,QAAAC,yBAAA,GAAAC,yBAAA,oBAAAC,qBAAA,QAAAC,KAAA,OAAAC,gBAAA,aAAAL,OAAA,GAAAM,MAAA,MAAAL,yBAAA,QAAAM,SAAA,OAAAF,gBAAA,mBAAAG,WAAA,EAAAF,MAAA,GAAAG,OAAA,CAAAC,SAAA,CAAAN,KAAA,EAAAO,SAAA,EAAAJ,SAAA,YAAAD,MAAA,GAAAF,KAAA,CAAAQ,KAAA,OAAAD,SAAA,gBAAAE,2BAAA,mBAAAP,MAAA;AAAA,SAAAJ,0BAAA,eAAAO,OAAA,qBAAAA,OAAA,CAAAC,SAAA,oBAAAD,OAAA,CAAAC,SAAA,CAAAI,IAAA,2BAAAC,KAAA,oCAAAC,OAAA,CAAAC,SAAA,CAAAC,OAAA,CAAAC,IAAA,CAAAV,OAAA,CAAAC,SAAA,CAAAM,OAAA,8CAAAI,CAAA;AAEvE,IAAsBC,SAAS,GAAKC,oBAAW,CAAvCC,YAAY;;AAEpB;AACA;AACA;AACA;AACA;AAJA,IAMMC,cAAc,OAAAC,UAAA,cADnB,IAAAC,4BAAa,KAAAC,MAAA,CAAIN,SAAS,mBAAgB,aAAAO,WAAA,EAAAC,oBAAA;EAAA,IACrCL,cAAc,0BAAAM,qBAAA;IAAA,IAAAC,UAAA,aAAAP,cAAA,EAAAM,qBAAA;IAAA,IAAAE,MAAA,GAAAjC,YAAA,CAAAyB,cAAA;IAAA,SAAAA,eAAA;MAAA,IAAAS,KAAA;MAAA,IAAAC,gBAAA,mBAAAV,cAAA;MAAA,SAAAW,IAAA,GAAAxB,SAAA,CAAAyB,MAAA,EAAAC,IAAA,OAAAC,KAAA,CAAAH,IAAA,GAAAI,IAAA,MAAAA,IAAA,GAAAJ,IAAA,EAAAI,IAAA;QAAAF,IAAA,CAAAE,IAAA,IAAA5B,SAAA,CAAA4B,IAAA;MAAA;MAAAN,KAAA,GAAAD,MAAA,CAAAb,IAAA,CAAAP,KAAA,CAAAoB,MAAA,SAAAL,MAAA,CAAAU,IAAA;MAAAT,WAAA,KAAAY,uBAAA,aAAAP,KAAA;MAAA,OAAAA,KAAA;IAAA;IAAA,WAAAQ,aAAA,aAAAjB,cAAA;EAAA,EAAAK,oBAAA;EAAA;IAAAa,CAAA,EAAdlB,cAAc;IAAAmB,CAAA;MAAAC,IAAA;MAAAC,UAAA,GAIjB,IAAAC,oBAAQ,EAAC;QAAEC,OAAO,EAAE;MAAK,CAAC,CAAC;MAAAC,GAAA;MAAAC,KAAA,WAAAA,MAAA;QAAA,OACrB,SAAS;MAAA;IAAA;MAAAL,IAAA;MAAAI,GAAA;MAAAC,KAAA;MAJhB;AACF;AACA;;MAIE,SAAAC,kBAAA,EAAoB;QAClB,IAAI,CAAC,IAAI,CAACC,YAAY,CAAC,MAAM,CAAC,EAAE;UAC9B,IAAI,CAACC,YAAY,CAAC,MAAM,EAAE,SAAS,CAAC;QACtC;QACA,IAAI,CAAC,IAAI,CAACD,YAAY,CAAC,YAAY,CAAC,EAAE;UACpC,IAAI,CAACC,YAAY,CAAC,YAAY,EAAE,GAAG,CAAC;QACtC;QACA,IAAAC,KAAA,iBAAAhD,gBAAA,aAdEmB,cAAc,CAAAP,SAAA,8BAAAE,IAAA;MAelB;IAAC;MAAAyB,IAAA;MAAAI,GAAA;MAAAC,KAAA,EAED,SAAAK,OAAA,EAAS;QACP,WAAOC,gBAAI,EAAAzD,eAAA,KAAAA,eAAA,OAAA0D,uBAAA;MACb;IAAC;MAAAZ,IAAA;MAAA;MAAAI,GAAA;MAAAC,KAAA,EAED,SAAAQ,eAAA,EAA4B;QAC1B,UAAA9B,MAAA,CAAUN,SAAS;MACrB;;MAEA;IAAA;MAAAuB,IAAA;MAAA;MAAAI,GAAA;MAAAC,KAAA,WAAAA,MAAA;QAAA,OACgBS,mBAAM;MAAA;IAAA;EAAA;AAAA,GA1BK,IAAAC,0BAAmB,EAACC,sBAAU,CAAC;AA6B5D;AAAA,IAAAC,QAAA,GACerC,cAAc;AAAAsC,OAAA,cAAAD,QAAA"}

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

@@ -196,7 +196,7 @@ declare const DDSCard_base: {
         ariaValueMin: string | null;
         ariaValueNow: string | null;
         ariaValueText: string | null;
-        animate(keyframes: PropertyIndexedKeyframes | Keyframe[] | null, options?: number | KeyframeAnimationOptions | undefined): Animation;
+        animate(keyframes: Keyframe[] | PropertyIndexedKeyframes | null, options?: number | KeyframeAnimationOptions | undefined): Animation;
         getAnimations(options?: GetAnimationsOptions | undefined): Animation[];
         after(...nodes: (string | Node)[]): void;
         before(...nodes: (string | Node)[]): void;

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,sEAAsE,CAAC;AAG1F,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;IAO7C;;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;IAiDtB;;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;IAgBN,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, 2023\n \n This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n /\n\nimport {\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 '../../internal/vendor/@carbon/web-components/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 = Boolean(this.querySelector('p'));\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 <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}\"></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}\"></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 ${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,EAAyB,cAAc,EAAS,MAAM,aAAa,CAAC;AAG3E,OAAO,MAAM,MAAM,sEAAsE,CAAC;AAG1F,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;IAO7C;;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;IAiDtB;;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;IAgBN,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, 2023\n \n This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n /\n\nimport { html, property, state, TemplateResult, query } from 'lit-element';\nimport { carbonElement as customElement } from '../../internal/vendor/@carbon/web-components/globals/decorators/carbon-element.js';\nimport settings from 'carbon-components/es/globals/js/settings.js';\nimport BXLink from '../../internal/vendor/@carbon/web-components/components/link/link.js';\nimport markdownToHtml from '../../internal/vendor/@carbon/ibmdotcom-utilities/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 = Boolean(this.querySelector('p'));\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 <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}\"></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}\"></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 ${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

@@ -15,9 +15,10 @@ var _decorate2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/deco
 var _get2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/get"));
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/getPrototypeOf"));
 var _litElement = require("lit-element");
+var _carbonElement = require("../../internal/vendor/@carbon/web-components/globals/decorators/carbon-element.js");
 var _settings = _interopRequireDefault(require("carbon-components/es/globals/js/settings.js"));
 var _link = _interopRequireDefault(require("../../internal/vendor/@carbon/web-components/components/link/link.js"));
-var _markdownToHtml = _interopRequireDefault(require("@carbon/ibmdotcom-utilities/es/utilities/markdownToHtml/markdownToHtml.js"));
+var _markdownToHtml = _interopRequireDefault(require("../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/markdownToHtml/markdownToHtml.js"));
 var _settings2 = _interopRequireDefault(require("../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings.js"));
 var _defs = require("../../globals/defs.js");
 var _stableSelector = _interopRequireDefault(require("../../globals/mixins/stable-selector.js"));
@@ -46,7 +47,7 @@ var slotExistencePropertyNames = {
  * @slot image - The image content.
  * @slot footer - The footer content.
  */
-var DDSCard = (0, _decorate2["default"])([(0, _litElement.customElement)("".concat(ddsPrefix, "-card"))], function (_initialize, _StableSelectorMixin) {
+var DDSCard = (0, _decorate2["default"])([(0, _carbonElement.carbonElement)("".concat(ddsPrefix, "-card"))], function (_initialize, _StableSelectorMixin) {
   var DDSCard = /*#__PURE__*/function (_StableSelectorMixin2) {
     (0, _inherits2["default"])(DDSCard, _StableSelectorMixin2);
     var _super = _createSuper(DDSCard);

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

	@@ -1 +1 @@
1	- {"version":3,"file":"card.js","names":["_litElement","require","_settings","_interopRequireDefault","_link","_markdownToHtml","_settings2","_defs","_stableSelector","_cardCss","_defs2","_templateObject","_templateObject2","_templateObject3","_templateObject4","_templateObject5","_templateObject6","_templateObject7","_templateObject8","_templateObject9","_templateObject10","_createSuper","Derived","hasNativeReflectConstruct","_isNativeReflectConstruct","_createSuperInternal","Super","_getPrototypeOf2","result","NewTarget","constructor","Reflect","construct","arguments","apply","_possibleConstructorReturn2","sham","Proxy","Boolean","prototype","valueOf","call","e","prefix","settings","ddsPrefix","ddsSettings","stablePrefix","slotExistencePropertyNames","image","pictogram","DDSCard","_decorate2","customElement","concat","_initialize","_StableSelectorMixin","_StableSelectorMixin2","_inherits2","_super","_this","_classCallCheck2","_len","length","args","Array","_key","_assertThisInitialized2","_createClass2","F","d","kind","decorators","state","key","value","_handleSlotChange","_ref","target","_ref2","name","hasContent","querySelector","_hasCopy","_renderHeading","html","_taggedTemplateLiteral2","_renderCopy","hasCopy","_renderImage","_renderDisabledLink","classes","_classes","_renderInner","handleSlotChange","hasPictogram","_hasPictogram","pictogramPlacement","PICTOGRAM_PLACEMENT","TOP","BOTTOM","property","type","reflect","attribute","BASIC_COLOR_SCHEME","REGULAR","createRenderRoot","attachShadow","mode","delegatesFocus","query","updated","changedProperties","_this2","_get2","colorScheme","href","linkNode","_linkNode","has","_this$querySelector","headingText","textContent","copyText","footer","selectorFooter","parentHref","altAriaLabel","classList","add","toggle","INVERSE","onclick","window","open","copyElement","innerText","_copyElement$firstEle","innerHTML","markdownToHtml","bold","firstElementChild","setAttribute","render","_this$querySelector2","stableSelector","styles","StableSelectorMixin","BXLink","_default","exports"],"sources":["components/card/card.ts"],"sourcesContent":["/*\n @license\n \n Copyright IBM Corp. 2019, 2023\n \n This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n /\n\nimport {\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 '../../internal/vendor/@carbon/web-components/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 = Boolean(this.querySelector('p'));\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 <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}\"></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}\"></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 ${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":["_litElement","require","_carbonElement","_settings","_interopRequireDefault","_link","_markdownToHtml","_settings2","_defs","_stableSelector","_cardCss","_defs2","_templateObject","_templateObject2","_templateObject3","_templateObject4","_templateObject5","_templateObject6","_templateObject7","_templateObject8","_templateObject9","_templateObject10","_createSuper","Derived","hasNativeReflectConstruct","_isNativeReflectConstruct","_createSuperInternal","Super","_getPrototypeOf2","result","NewTarget","constructor","Reflect","construct","arguments","apply","_possibleConstructorReturn2","sham","Proxy","Boolean","prototype","valueOf","call","e","prefix","settings","ddsPrefix","ddsSettings","stablePrefix","slotExistencePropertyNames","image","pictogram","DDSCard","_decorate2","customElement","concat","_initialize","_StableSelectorMixin","_StableSelectorMixin2","_inherits2","_super","_this","_classCallCheck2","_len","length","args","Array","_key","_assertThisInitialized2","_createClass2","F","d","kind","decorators","state","key","value","_handleSlotChange","_ref","target","_ref2","name","hasContent","querySelector","_hasCopy","_renderHeading","html","_taggedTemplateLiteral2","_renderCopy","hasCopy","_renderImage","_renderDisabledLink","classes","_classes","_renderInner","handleSlotChange","hasPictogram","_hasPictogram","pictogramPlacement","PICTOGRAM_PLACEMENT","TOP","BOTTOM","property","type","reflect","attribute","BASIC_COLOR_SCHEME","REGULAR","createRenderRoot","attachShadow","mode","delegatesFocus","query","updated","changedProperties","_this2","_get2","colorScheme","href","linkNode","_linkNode","has","_this$querySelector","headingText","textContent","copyText","footer","selectorFooter","parentHref","altAriaLabel","classList","add","toggle","INVERSE","onclick","window","open","copyElement","innerText","_copyElement$firstEle","innerHTML","markdownToHtml","bold","firstElementChild","setAttribute","render","_this$querySelector2","stableSelector","styles","StableSelectorMixin","BXLink","_default","exports"],"sources":["components/card/card.ts"],"sourcesContent":["/*\n @license\n \n Copyright IBM Corp. 2019, 2023\n \n This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n /\n\nimport { html, property, state, TemplateResult, query } from 'lit-element';\nimport { carbonElement as customElement } from '../../internal/vendor/@carbon/web-components/globals/decorators/carbon-element.js';\nimport settings from 'carbon-components/es/globals/js/settings.js';\nimport BXLink from '../../internal/vendor/@carbon/web-components/components/link/link.js';\nimport markdownToHtml from '../../internal/vendor/@carbon/ibmdotcom-utilities/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 = Boolean(this.querySelector('p'));\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 <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}\"></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}\"></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 ${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/image-logo.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["components/card/image-logo.ts"],"names":[],"mappings":"~~AAUA~~,OAAO,QAAQ,MAAM,gBAAgB,CAAC;AAKtC;;;;GAIG;AAEH,cACM,YAAa,SAAQ,QAAQ;IACjC,MAAM,KAAK,cAAc,WAExB;IAED,MAAM,KAAK,MAAM,oCAIhB;CACF;AAGD,eAAe,YAAY,CAAC","file":"image-logo.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 /\nimport { ~~customElement,~~ css } from 'lit-element';\nimport ddsSettings from '@carbon/ibmdotcom-utilities/~~es/~~utilities/settings/settings.js';\nimport DDSImage from '../image/image';\nimport styles from '../image/image.scss';\n\nconst { stablePrefix: ddsPrefix } = ddsSettings;\n\n/\n Image logo.\n \n @element dds-image-logo\n /\n\n@customElement(`${ddsPrefix}-image-logo`)\nclass DDSImageLogo extends DDSImage {\n static get stableSelector() {\n return `${ddsPrefix}-image-logo`;\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 DDSImageLogo;\n"]}
1	+ {"version":3,"sources":["components/card/image-logo.ts"],"names":[],"mappings":"AAWA,OAAO,QAAQ,MAAM,gBAAgB,CAAC;AAKtC;;;;GAIG;AAEH,cACM,YAAa,SAAQ,QAAQ;IACjC,MAAM,KAAK,cAAc,WAExB;IAED,MAAM,KAAK,MAAM,oCAIhB;CACF;AAGD,eAAe,YAAY,CAAC","file":"image-logo.d.ts","sourcesContent":["/*\n @license\n \n Copyright IBM Corp. 2021, 2023\n \n This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n /\nimport { css } from 'lit-element';\nimport { carbonElement as customElement } from '../../internal/vendor/@carbon/web-components/globals/decorators/carbon-element.js';\nimport ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings.js';\nimport DDSImage from '../image/image';\nimport styles from '../image/image.scss';\n\nconst { stablePrefix: ddsPrefix } = ddsSettings;\n\n/\n Image logo.\n \n @element dds-image-logo\n /\n\n@customElement(`${ddsPrefix}-image-logo`)\nclass DDSImageLogo extends DDSImage {\n static get stableSelector() {\n return `${ddsPrefix}-image-logo`;\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 DDSImageLogo;\n"]}

package/es/components/card/image-logo.js CHANGED Viewed

@@ -15,7 +15,8 @@ var _decorate2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/deco
 var _get2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/get"));
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/getPrototypeOf"));
 var _litElement = require("lit-element");
-var _settings = _interopRequireDefault(require("@carbon/ibmdotcom-utilities/es/utilities/settings/settings.js"));
+var _carbonElement = require("../../internal/vendor/@carbon/web-components/globals/decorators/carbon-element.js");
+var _settings = _interopRequireDefault(require("../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings.js"));
 var _image = _interopRequireDefault(require("../image/image.js"));
 var _imageCss = _interopRequireDefault(require("./../image/image.css.js"));
 var _templateObject;
@@ -28,7 +29,7 @@ var ddsPrefix = _settings["default"].stablePrefix;
  *
  * @element dds-image-logo
  */
-var DDSImageLogo = (0, _decorate2["default"])([(0, _litElement.customElement)("".concat(ddsPrefix, "-image-logo"))], function (_initialize, _DDSImage) {
+var DDSImageLogo = (0, _decorate2["default"])([(0, _carbonElement.carbonElement)("".concat(ddsPrefix, "-image-logo"))], function (_initialize, _DDSImage) {
   var DDSImageLogo = /*#__PURE__*/function (_DDSImage2) {
     (0, _inherits2["default"])(DDSImageLogo, _DDSImage2);
     var _super = _createSuper(DDSImageLogo);

package/es/components/card/image-logo.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"image-logo.js","names":["_litElement","require","_settings","_interopRequireDefault","_image","_imageCss","_templateObject","_createSuper","Derived","hasNativeReflectConstruct","_isNativeReflectConstruct","_createSuperInternal","Super","_getPrototypeOf2","result","NewTarget","constructor","Reflect","construct","arguments","apply","_possibleConstructorReturn2","sham","Proxy","Boolean","prototype","valueOf","call","e","ddsPrefix","ddsSettings","stablePrefix","DDSImageLogo","_decorate2","customElement","concat","_initialize","_DDSImage","_DDSImage2","_inherits2","_super","_this","_classCallCheck2","_len","length","args","Array","_key","_assertThisInitialized2","_createClass2","F","d","kind","key","value","stableSelector","styles","css","_taggedTemplateLiteral2","_get2","DDSImage","_default","exports"],"sources":["components/card/image-logo.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 /\nimport { ~~customElement,~~ css } from 'lit-element';\nimport ddsSettings from '@carbon/ibmdotcom-utilities/~~es/~~utilities/settings/settings.js';\nimport DDSImage from '../image/image';\nimport styles from '../image/image.scss';\n\nconst { stablePrefix: ddsPrefix } = ddsSettings;\n\n/\n Image logo.\n \n @element dds-image-logo\n /\n\n@customElement(`${ddsPrefix}-image-logo`)\nclass DDSImageLogo extends DDSImage {\n static get stableSelector() {\n return `${ddsPrefix}-image-logo`;\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 DDSImageLogo;\n"],"mappings":";;;;;;;;;;;;;;;;AAQA,IAAAA,WAAA,GAAAC,OAAA;AACA,IAAAC,SAAA,GAAAC,sBAAA,~~CAAAF~~,OAAA;AACA,~~IAAAG~~,MAAA,GAAAD,sBAAA,~~CAAAF~~,OAAA;AACA,~~IAAAI~~,SAAA,GAAAF,sBAAA,~~CAAAF~~,OAAA;AAAyC,~~IAAAK~~,eAAA;AAAA,SAAAC,aAAAC,OAAA,QAAAC,yBAAA,GAAAC,yBAAA,oBAAAC,qBAAA,QAAAC,KAAA,OAAAC,gBAAA,aAAAL,OAAA,GAAAM,MAAA,MAAAL,yBAAA,QAAAM,SAAA,OAAAF,gBAAA,mBAAAG,WAAA,EAAAF,MAAA,GAAAG,OAAA,CAAAC,SAAA,CAAAN,KAAA,EAAAO,SAAA,EAAAJ,SAAA,YAAAD,MAAA,GAAAF,KAAA,CAAAQ,KAAA,OAAAD,SAAA,gBAAAE,2BAAA,mBAAAP,MAAA;AAAA,SAAAJ,0BAAA,eAAAO,OAAA,qBAAAA,OAAA,CAAAC,SAAA,oBAAAD,OAAA,CAAAC,SAAA,CAAAI,IAAA,2BAAAC,KAAA,oCAAAC,OAAA,CAAAC,SAAA,CAAAC,OAAA,CAAAC,IAAA,CAAAV,OAAA,CAAAC,SAAA,CAAAM,OAAA,8CAAAI,CAAA;AAEzC,IAAsBC,SAAS,GAAKC,oBAAW,CAAvCC,YAAY;;AAEpB;AACA;AACA;AACA;AACA;AAJA,IAOMC,YAAY,OAAAC,UAAA,cADjB,IAAAC,~~yBAAa~~,KAAAC,MAAA,CAAIN,SAAS,iBAAc,aAAAO,WAAA,EAAAC,SAAA;EAAA,IACnCL,YAAY,0BAAAM,UAAA;IAAA,IAAAC,UAAA,aAAAP,YAAA,EAAAM,UAAA;IAAA,IAAAE,MAAA,GAAAjC,YAAA,CAAAyB,YAAA;IAAA,SAAAA,aAAA;MAAA,IAAAS,KAAA;MAAA,IAAAC,gBAAA,mBAAAV,YAAA;MAAA,SAAAW,IAAA,GAAAxB,SAAA,CAAAyB,MAAA,EAAAC,IAAA,OAAAC,KAAA,CAAAH,IAAA,GAAAI,IAAA,MAAAA,IAAA,GAAAJ,IAAA,EAAAI,IAAA;QAAAF,IAAA,CAAAE,IAAA,IAAA5B,SAAA,CAAA4B,IAAA;MAAA;MAAAN,KAAA,GAAAD,MAAA,CAAAb,IAAA,CAAAP,KAAA,CAAAoB,MAAA,SAAAL,MAAA,CAAAU,IAAA;MAAAT,WAAA,KAAAY,uBAAA,aAAAP,KAAA;MAAA,OAAAA,KAAA;IAAA;IAAA,WAAAQ,aAAA,aAAAjB,YAAA;EAAA,EAAAK,SAAA;EAAA;IAAAa,CAAA,EAAZlB,YAAY;IAAAmB,CAAA;MAAAC,IAAA;MAAA;MAAAC,GAAA;MAAAC,KAAA,EAChB,SAAAC,eAAA,EAA4B;QAC1B,UAAApB,MAAA,CAAUN,SAAS;MACrB;IAAC;MAAAuB,IAAA;MAAA;MAAAC,GAAA;MAAAC,KAAA,EAED,SAAAE,OAAA,EAAoB;QAClB,WAAOC,eAAG,EAAAnD,eAAA,KAAAA,eAAA,OAAAoD,uBAAA,+CAAAC,KAAA,iBAAA9C,gBAAA,aANRmB,YAAY,oBAOKwB,oBAAM;MAE3B;IAAC;EAAA;AAAA,GATwBI,iBAAQ;AAYnC;AAAA,IAAAC,QAAA,GACe7B,YAAY;AAAA8B,OAAA,cAAAD,QAAA"}
1	+ {"version":3,"file":"image-logo.js","names":["_litElement","require","_carbonElement","_settings","_interopRequireDefault","_image","_imageCss","_templateObject","_createSuper","Derived","hasNativeReflectConstruct","_isNativeReflectConstruct","_createSuperInternal","Super","_getPrototypeOf2","result","NewTarget","constructor","Reflect","construct","arguments","apply","_possibleConstructorReturn2","sham","Proxy","Boolean","prototype","valueOf","call","e","ddsPrefix","ddsSettings","stablePrefix","DDSImageLogo","_decorate2","customElement","concat","_initialize","_DDSImage","_DDSImage2","_inherits2","_super","_this","_classCallCheck2","_len","length","args","Array","_key","_assertThisInitialized2","_createClass2","F","d","kind","key","value","stableSelector","styles","css","_taggedTemplateLiteral2","_get2","DDSImage","_default","exports"],"sources":["components/card/image-logo.ts"],"sourcesContent":["/*\n @license\n \n Copyright IBM Corp. 2021, 2023\n \n This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n /\nimport { css } from 'lit-element';\nimport { carbonElement as customElement } from '../../internal/vendor/@carbon/web-components/globals/decorators/carbon-element.js';\nimport ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings.js';\nimport DDSImage from '../image/image';\nimport styles from '../image/image.scss';\n\nconst { stablePrefix: ddsPrefix } = ddsSettings;\n\n/\n Image logo.\n \n @element dds-image-logo\n /\n\n@customElement(`${ddsPrefix}-image-logo`)\nclass DDSImageLogo extends DDSImage {\n static get stableSelector() {\n return `${ddsPrefix}-image-logo`;\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 DDSImageLogo;\n"],"mappings":";;;;;;;;;;;;;;;;AAQA,IAAAA,WAAA,GAAAC,OAAA;AACA,IAAAC,cAAA,GAAAD,OAAA;AACA,IAAAE,SAAA,GAAAC,sBAAA,CAAAH,OAAA;AACA,IAAAI,MAAA,GAAAD,sBAAA,CAAAH,OAAA;AACA,IAAAK,SAAA,GAAAF,sBAAA,CAAAH,OAAA;AAAyC,IAAAM,eAAA;AAAA,SAAAC,aAAAC,OAAA,QAAAC,yBAAA,GAAAC,yBAAA,oBAAAC,qBAAA,QAAAC,KAAA,OAAAC,gBAAA,aAAAL,OAAA,GAAAM,MAAA,MAAAL,yBAAA,QAAAM,SAAA,OAAAF,gBAAA,mBAAAG,WAAA,EAAAF,MAAA,GAAAG,OAAA,CAAAC,SAAA,CAAAN,KAAA,EAAAO,SAAA,EAAAJ,SAAA,YAAAD,MAAA,GAAAF,KAAA,CAAAQ,KAAA,OAAAD,SAAA,gBAAAE,2BAAA,mBAAAP,MAAA;AAAA,SAAAJ,0BAAA,eAAAO,OAAA,qBAAAA,OAAA,CAAAC,SAAA,oBAAAD,OAAA,CAAAC,SAAA,CAAAI,IAAA,2BAAAC,KAAA,oCAAAC,OAAA,CAAAC,SAAA,CAAAC,OAAA,CAAAC,IAAA,CAAAV,OAAA,CAAAC,SAAA,CAAAM,OAAA,8CAAAI,CAAA;AAEzC,IAAsBC,SAAS,GAAKC,oBAAW,CAAvCC,YAAY;;AAEpB;AACA;AACA;AACA;AACA;AAJA,IAOMC,YAAY,OAAAC,UAAA,cADjB,IAAAC,4BAAa,KAAAC,MAAA,CAAIN,SAAS,iBAAc,aAAAO,WAAA,EAAAC,SAAA;EAAA,IACnCL,YAAY,0BAAAM,UAAA;IAAA,IAAAC,UAAA,aAAAP,YAAA,EAAAM,UAAA;IAAA,IAAAE,MAAA,GAAAjC,YAAA,CAAAyB,YAAA;IAAA,SAAAA,aAAA;MAAA,IAAAS,KAAA;MAAA,IAAAC,gBAAA,mBAAAV,YAAA;MAAA,SAAAW,IAAA,GAAAxB,SAAA,CAAAyB,MAAA,EAAAC,IAAA,OAAAC,KAAA,CAAAH,IAAA,GAAAI,IAAA,MAAAA,IAAA,GAAAJ,IAAA,EAAAI,IAAA;QAAAF,IAAA,CAAAE,IAAA,IAAA5B,SAAA,CAAA4B,IAAA;MAAA;MAAAN,KAAA,GAAAD,MAAA,CAAAb,IAAA,CAAAP,KAAA,CAAAoB,MAAA,SAAAL,MAAA,CAAAU,IAAA;MAAAT,WAAA,KAAAY,uBAAA,aAAAP,KAAA;MAAA,OAAAA,KAAA;IAAA;IAAA,WAAAQ,aAAA,aAAAjB,YAAA;EAAA,EAAAK,SAAA;EAAA;IAAAa,CAAA,EAAZlB,YAAY;IAAAmB,CAAA;MAAAC,IAAA;MAAA;MAAAC,GAAA;MAAAC,KAAA,EAChB,SAAAC,eAAA,EAA4B;QAC1B,UAAApB,MAAA,CAAUN,SAAS;MACrB;IAAC;MAAAuB,IAAA;MAAA;MAAAC,GAAA;MAAAC,KAAA,EAED,SAAAE,OAAA,EAAoB;QAClB,WAAOC,eAAG,EAAAnD,eAAA,KAAAA,eAAA,OAAAoD,uBAAA,+CAAAC,KAAA,iBAAA9C,gBAAA,aANRmB,YAAY,oBAOKwB,oBAAM;MAE3B;IAAC;EAAA;AAAA,GATwBI,iBAAQ;AAYnC;AAAA,IAAAC,QAAA,GACe7B,YAAY;AAAA8B,OAAA,cAAAD,QAAA"}

package/es/components/card-group/card-group-card-link-item.d.ts CHANGED Viewed

@@ -1,7 +1,7 @@
 /**
  * @license
  *
- * Copyright IBM Corp. 2020, 2022
+ * Copyright IBM Corp. 2020, 2023
  *
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.

package/es/components/card-group/card-group-card-link-item.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["components/card-group/card-group-card-link-item.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;~~AAIH~~,OAAO,cAAc,MAAM,sBAAsB,CAAC;AAKlD;;;;GAIG;AACH,cACM,wBAAyB,SAAQ,cAAc;IACnD;;OAEG;IAEH,MAAM,UAAS;IAEf;;OAEG;IAEH,KAAK,UAAS;IAEd;;OAEG;IAEH,iBAAiB,UAAS;IAE1B,MAAM,KAAK,cAAc,WAExB;IAED;;OAEG;IACH,MAAM,KAAK,cAAc,WAExB;IAED,MAAM,CAAC,MAAM,MAAU;CACxB;AAGD,eAAe,wBAAwB,CAAC","file":"card-group-card-link-item.d.ts","sourcesContent":["/*\n @license\n \n Copyright IBM Corp. 2020, ~~2022~~\n \n This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n /\n\nimport { ~~customElement,~~ property } from 'lit-element';\nimport ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';\nimport DDSCardLinkCTA from '../cta/card-link-cta';\nimport styles from './card-group.scss';\n\nconst { stablePrefix: ddsPrefix } = ddsSettings;\n\n/\n Card Group Card Link item.\n \n @element dds-card-group-card-link-item\n /\n@customElement(`${ddsPrefix}-card-group-card-link-item`)\nclass DDSCardGroupCardLinkItem extends DDSCardLinkCTA {\n /\n `true` if the card group is using border.\n /\n @property({ type: Boolean, reflect: true })\n border = false;\n\n /\n `true` if the card group item is empty.\n /\n @property({ type: Boolean, reflect: true })\n empty = false;\n\n /\n `true` if the card group item has the same background color as the pattern container.\n /\n @property({ type: Boolean, reflect: true })\n patternBackground = false;\n\n static get stableSelector() {\n return `${ddsPrefix}--card-group-card-link-item`;\n }\n\n /\n A selector that will return the child footer.\n /\n static get selectorFooter() {\n return `${ddsPrefix}-card-cta-footer`;\n }\n\n static styles = styles;\n}\n\n/ @__GENERATE_REACT_CUSTOM_ELEMENT_TYPE__ */\nexport default DDSCardGroupCardLinkItem;\n"]}
1	+ {"version":3,"sources":["components/card-group/card-group-card-link-item.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAKH,OAAO,cAAc,MAAM,sBAAsB,CAAC;AAKlD;;;;GAIG;AACH,cACM,wBAAyB,SAAQ,cAAc;IACnD;;OAEG;IAEH,MAAM,UAAS;IAEf;;OAEG;IAEH,KAAK,UAAS;IAEd;;OAEG;IAEH,iBAAiB,UAAS;IAE1B,MAAM,KAAK,cAAc,WAExB;IAED;;OAEG;IACH,MAAM,KAAK,cAAc,WAExB;IAED,MAAM,CAAC,MAAM,MAAU;CACxB;AAGD,eAAe,wBAAwB,CAAC","file":"card-group-card-link-item.d.ts","sourcesContent":["/*\n @license\n \n Copyright IBM Corp. 2020, 2023\n \n This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n /\n\nimport { property } from 'lit-element';\nimport ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';\nimport { carbonElement as customElement } from '../../internal/vendor/@carbon/web-components/globals/decorators/carbon-element';\nimport DDSCardLinkCTA from '../cta/card-link-cta';\nimport styles from './card-group.scss';\n\nconst { stablePrefix: ddsPrefix } = ddsSettings;\n\n/\n Card Group Card Link item.\n \n @element dds-card-group-card-link-item\n /\n@customElement(`${ddsPrefix}-card-group-card-link-item`)\nclass DDSCardGroupCardLinkItem extends DDSCardLinkCTA {\n /\n `true` if the card group is using border.\n /\n @property({ type: Boolean, reflect: true })\n border = false;\n\n /\n `true` if the card group item is empty.\n /\n @property({ type: Boolean, reflect: true })\n empty = false;\n\n /\n `true` if the card group item has the same background color as the pattern container.\n /\n @property({ type: Boolean, reflect: true })\n patternBackground = false;\n\n static get stableSelector() {\n return `${ddsPrefix}--card-group-card-link-item`;\n }\n\n /\n A selector that will return the child footer.\n /\n static get selectorFooter() {\n return `${ddsPrefix}-card-cta-footer`;\n }\n\n static styles = styles;\n}\n\n/ @__GENERATE_REACT_CUSTOM_ELEMENT_TYPE__ */\nexport default DDSCardGroupCardLinkItem;\n"]}

package/es/components/card-group/card-group-card-link-item.js CHANGED Viewed

@@ -14,6 +14,7 @@ var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/es
 var _decorate2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/decorate"));
 var _litElement = require("lit-element");
 var _settings = _interopRequireDefault(require("../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings.js"));
+var _carbonElement = require("../../internal/vendor/@carbon/web-components/globals/decorators/carbon-element.js");
 var _cardLinkCta = _interopRequireDefault(require("../cta/card-link-cta.js"));
 var _cardGroupCss = _interopRequireDefault(require("././card-group.css.js"));
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
@@ -25,7 +26,7 @@ var ddsPrefix = _settings["default"].stablePrefix;
  *
  * @element dds-card-group-card-link-item
  */
-var DDSCardGroupCardLinkItem = (0, _decorate2["default"])([(0, _litElement.customElement)("".concat(ddsPrefix, "-card-group-card-link-item"))], function (_initialize, _DDSCardLinkCTA) {
+var DDSCardGroupCardLinkItem = (0, _decorate2["default"])([(0, _carbonElement.carbonElement)("".concat(ddsPrefix, "-card-group-card-link-item"))], function (_initialize, _DDSCardLinkCTA) {
   var DDSCardGroupCardLinkItem = /*#__PURE__*/function (_DDSCardLinkCTA2) {
     (0, _inherits2["default"])(DDSCardGroupCardLinkItem, _DDSCardLinkCTA2);
     var _super = _createSuper(DDSCardGroupCardLinkItem);

package/es/components/card-group/card-group-card-link-item.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"card-group-card-link-item.js","names":["_litElement","require","_settings","_interopRequireDefault","_cardLinkCta","_cardGroupCss","_createSuper","Derived","hasNativeReflectConstruct","_isNativeReflectConstruct","_createSuperInternal","Super","_getPrototypeOf2","result","NewTarget","constructor","Reflect","construct","arguments","apply","_possibleConstructorReturn2","sham","Proxy","Boolean","prototype","valueOf","call","e","ddsPrefix","ddsSettings","stablePrefix","DDSCardGroupCardLinkItem","_decorate2","customElement","concat","_initialize","_DDSCardLinkCTA","_DDSCardLinkCTA2","_inherits2","_super","_this","_classCallCheck2","_len","length","args","Array","_key","_assertThisInitialized2","_createClass2","F","d","kind","decorators","property","type","reflect","key","value","stableSelector","selectorFooter","styles","DDSCardLinkCTA","_default","exports"],"sources":["components/card-group/card-group-card-link-item.ts"],"sourcesContent":["/*\n @license\n \n Copyright IBM Corp. 2020, ~~2022~~\n \n This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n /\n\nimport { ~~customElement,~~ property } from 'lit-element';\nimport ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';\nimport DDSCardLinkCTA from '../cta/card-link-cta';\nimport styles from './card-group.scss';\n\nconst { stablePrefix: ddsPrefix } = ddsSettings;\n\n/\n Card Group Card Link item.\n \n @element dds-card-group-card-link-item\n /\n@customElement(`${ddsPrefix}-card-group-card-link-item`)\nclass DDSCardGroupCardLinkItem extends DDSCardLinkCTA {\n /\n `true` if the card group is using border.\n /\n @property({ type: Boolean, reflect: true })\n border = false;\n\n /\n `true` if the card group item is empty.\n /\n @property({ type: Boolean, reflect: true })\n empty = false;\n\n /\n `true` if the card group item has the same background color as the pattern container.\n /\n @property({ type: Boolean, reflect: true })\n patternBackground = false;\n\n static get stableSelector() {\n return `${ddsPrefix}--card-group-card-link-item`;\n }\n\n /\n A selector that will return the child footer.\n /\n static get selectorFooter() {\n return `${ddsPrefix}-card-cta-footer`;\n }\n\n static styles = styles;\n}\n\n/ @__GENERATE_REACT_CUSTOM_ELEMENT_TYPE__ */\nexport default DDSCardGroupCardLinkItem;\n"],"mappings":";;;;;;;;;;;;;;AASA,IAAAA,WAAA,GAAAC,OAAA;AACA,IAAAC,SAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,YAAA,~~GAAAD~~,sBAAA,CAAAF,OAAA;AACA,~~IAAAI~~,aAAA,~~GAAAF~~,sBAAA,CAAAF,OAAA;AAAuC,~~SAAAK~~,aAAAC,OAAA,QAAAC,yBAAA,GAAAC,yBAAA,oBAAAC,qBAAA,QAAAC,KAAA,OAAAC,gBAAA,aAAAL,OAAA,GAAAM,MAAA,MAAAL,yBAAA,QAAAM,SAAA,OAAAF,gBAAA,mBAAAG,WAAA,EAAAF,MAAA,GAAAG,OAAA,CAAAC,SAAA,CAAAN,KAAA,EAAAO,SAAA,EAAAJ,SAAA,YAAAD,MAAA,GAAAF,KAAA,CAAAQ,KAAA,OAAAD,SAAA,gBAAAE,2BAAA,mBAAAP,MAAA;AAAA,SAAAJ,0BAAA,eAAAO,OAAA,qBAAAA,OAAA,CAAAC,SAAA,oBAAAD,OAAA,CAAAC,SAAA,CAAAI,IAAA,2BAAAC,KAAA,oCAAAC,OAAA,CAAAC,SAAA,CAAAC,OAAA,CAAAC,IAAA,CAAAV,OAAA,CAAAC,SAAA,CAAAM,OAAA,8CAAAI,CAAA;AAEvC,IAAsBC,SAAS,GAAKC,oBAAW,CAAvCC,YAAY;;AAEpB;AACA;AACA;AACA;AACA;AAJA,IAMMC,wBAAwB,OAAAC,UAAA,cAD7B,IAAAC,~~yBAAa~~,KAAAC,MAAA,CAAIN,SAAS,gCAA6B,aAAAO,WAAA,EAAAC,eAAA;EAAA,IAClDL,wBAAwB,0BAAAM,gBAAA;IAAA,IAAAC,UAAA,aAAAP,wBAAA,EAAAM,gBAAA;IAAA,IAAAE,MAAA,GAAAjC,YAAA,CAAAyB,wBAAA;IAAA,SAAAA,yBAAA;MAAA,IAAAS,KAAA;MAAA,IAAAC,gBAAA,mBAAAV,wBAAA;MAAA,SAAAW,IAAA,GAAAxB,SAAA,CAAAyB,MAAA,EAAAC,IAAA,OAAAC,KAAA,CAAAH,IAAA,GAAAI,IAAA,MAAAA,IAAA,GAAAJ,IAAA,EAAAI,IAAA;QAAAF,IAAA,CAAAE,IAAA,IAAA5B,SAAA,CAAA4B,IAAA;MAAA;MAAAN,KAAA,GAAAD,MAAA,CAAAb,IAAA,CAAAP,KAAA,CAAAoB,MAAA,SAAAL,MAAA,CAAAU,IAAA;MAAAT,WAAA,KAAAY,uBAAA,aAAAP,KAAA;MAAA,OAAAA,KAAA;IAAA;IAAA,WAAAQ,aAAA,aAAAjB,wBAAA;EAAA,EAAAK,eAAA;EAAA;IAAAa,CAAA,EAAxBlB,wBAAwB;IAAAmB,CAAA;MAAAC,IAAA;MAAAC,UAAA,GAI3B,IAAAC,oBAAQ,EAAC;QAAEC,IAAI,EAAE/B,OAAO;QAAEgC,OAAO,EAAE;MAAK,CAAC,CAAC;MAAAC,GAAA;MAAAC,KAAA,WAAAA,MAAA;QAAA,OAClC,KAAK;MAAA;IAAA;MAAAN,IAAA;MAAAC,UAAA,GAKb,IAAAC,oBAAQ,EAAC;QAAEC,IAAI,EAAE/B,OAAO;QAAEgC,OAAO,EAAE;MAAK,CAAC,CAAC;MAAAC,GAAA;MAAAC,KAAA,WAAAA,MAAA;QAAA,OACnC,KAAK;MAAA;IAAA;MAAAN,IAAA;MAAAC,UAAA,GAKZ,IAAAC,oBAAQ,EAAC;QAAEC,IAAI,EAAE/B,OAAO;QAAEgC,OAAO,EAAE;MAAK,CAAC,CAAC;MAAAC,GAAA;MAAAC,KAAA,WAAAA,MAAA;QAAA,OACvB,KAAK;MAAA;IAAA;MAAAN,IAAA;MAAA;MAAAK,GAAA;MAAAC,KAAA;MAhBzB;AACF;AACA;;MAIE;AACF;AACA;;MAIE;AACF;AACA;;MAIE,SAAAC,eAAA,EAA4B;QAC1B,UAAAxB,MAAA,CAAUN,SAAS;MACrB;;MAEA;AACF;AACA;IAFE;MAAAuB,IAAA;MAAA;MAAAK,GAAA;MAAAC,KAAA,EAGA,SAAAE,eAAA,EAA4B;QAC1B,UAAAzB,MAAA,CAAUN,SAAS;MACrB;IAAC;MAAAuB,IAAA;MAAA;MAAAK,GAAA;MAAAC,KAAA,WAAAA,MAAA;QAAA,OAEeG,wBAAM;MAAA;IAAA;EAAA;AAAA,GA9BeC,uBAAc;AAiCrD;AAAA,IAAAC,QAAA,GACe/B,wBAAwB;AAAAgC,OAAA,cAAAD,QAAA"}
1	+ {"version":3,"file":"card-group-card-link-item.js","names":["_litElement","require","_settings","_interopRequireDefault","_carbonElement","_cardLinkCta","_cardGroupCss","_createSuper","Derived","hasNativeReflectConstruct","_isNativeReflectConstruct","_createSuperInternal","Super","_getPrototypeOf2","result","NewTarget","constructor","Reflect","construct","arguments","apply","_possibleConstructorReturn2","sham","Proxy","Boolean","prototype","valueOf","call","e","ddsPrefix","ddsSettings","stablePrefix","DDSCardGroupCardLinkItem","_decorate2","customElement","concat","_initialize","_DDSCardLinkCTA","_DDSCardLinkCTA2","_inherits2","_super","_this","_classCallCheck2","_len","length","args","Array","_key","_assertThisInitialized2","_createClass2","F","d","kind","decorators","property","type","reflect","key","value","stableSelector","selectorFooter","styles","DDSCardLinkCTA","_default","exports"],"sources":["components/card-group/card-group-card-link-item.ts"],"sourcesContent":["/*\n @license\n \n Copyright IBM Corp. 2020, 2023\n \n This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n /\n\nimport { property } from 'lit-element';\nimport ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';\nimport { carbonElement as customElement } from '../../internal/vendor/@carbon/web-components/globals/decorators/carbon-element';\nimport DDSCardLinkCTA from '../cta/card-link-cta';\nimport styles from './card-group.scss';\n\nconst { stablePrefix: ddsPrefix } = ddsSettings;\n\n/\n Card Group Card Link item.\n \n @element dds-card-group-card-link-item\n /\n@customElement(`${ddsPrefix}-card-group-card-link-item`)\nclass DDSCardGroupCardLinkItem extends DDSCardLinkCTA {\n /\n `true` if the card group is using border.\n /\n @property({ type: Boolean, reflect: true })\n border = false;\n\n /\n `true` if the card group item is empty.\n /\n @property({ type: Boolean, reflect: true })\n empty = false;\n\n /\n `true` if the card group item has the same background color as the pattern container.\n /\n @property({ type: Boolean, reflect: true })\n patternBackground = false;\n\n static get stableSelector() {\n return `${ddsPrefix}--card-group-card-link-item`;\n }\n\n /\n A selector that will return the child footer.\n /\n static get selectorFooter() {\n return `${ddsPrefix}-card-cta-footer`;\n }\n\n static styles = styles;\n}\n\n/ @__GENERATE_REACT_CUSTOM_ELEMENT_TYPE__ */\nexport default DDSCardGroupCardLinkItem;\n"],"mappings":"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"}

package/es/components/card-group/card-group-item.d.ts CHANGED Viewed

@@ -1,7 +1,7 @@
 /**
  * @license
  *
- * Copyright IBM Corp. 2020, 2022
+ * Copyright IBM Corp. 2020, 2023
  *
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["components/card-group/card-group-item.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;~~AAIH~~,OAAO,UAAU,MAAM,iBAAiB,CAAC;AAKzC;;;;GAIG;AACH,cACM,gBAAiB,SAAQ,UAAU;IACvC;;OAEG;IAEH,MAAM,UAAS;IAEf;;OAEG;IAEH,KAAK,UAAS;IAEd,MAAM,KAAK,cAAc,WAExB;IAED;;OAEG;IACH,MAAM,KAAK,cAAc,WAExB;IAED,MAAM,CAAC,MAAM,MAAU;CACxB;AAGD,eAAe,gBAAgB,CAAC","file":"card-group-item.d.ts","sourcesContent":["/*\n @license\n \n Copyright IBM Corp. 2020, ~~2022~~\n \n This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n /\n\nimport { ~~customElement,~~ property } from 'lit-element';\nimport ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';\nimport DDSCardCTA from '../cta/card-cta';\nimport styles from './card-group.scss';\n\nconst { stablePrefix: ddsPrefix } = ddsSettings;\n\n/\n Card Group item.\n \n @element dds-card-group-item\n /\n@customElement(`${ddsPrefix}-card-group-item`)\nclass DDSCardGroupItem extends DDSCardCTA {\n /\n `true` if the card group is using border.\n /\n @property({ type: Boolean, reflect: true })\n border = false;\n\n /\n `true` if the card group item is empty.\n /\n @property({ type: Boolean, reflect: true })\n empty = false;\n\n static get stableSelector() {\n return `${ddsPrefix}--card-group-item`;\n }\n\n /\n A selector that will return the child footer.\n /\n static get selectorFooter() {\n return `${ddsPrefix}-card-cta-footer`;\n }\n\n static styles = styles;\n}\n\n/ @__GENERATE_REACT_CUSTOM_ELEMENT_TYPE__ */\nexport default DDSCardGroupItem;\n"]}
1	+ {"version":3,"sources":["components/card-group/card-group-item.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAKH,OAAO,UAAU,MAAM,iBAAiB,CAAC;AAKzC;;;;GAIG;AACH,cACM,gBAAiB,SAAQ,UAAU;IACvC;;OAEG;IAEH,MAAM,UAAS;IAEf;;OAEG;IAEH,KAAK,UAAS;IAEd,MAAM,KAAK,cAAc,WAExB;IAED;;OAEG;IACH,MAAM,KAAK,cAAc,WAExB;IAED,MAAM,CAAC,MAAM,MAAU;CACxB;AAGD,eAAe,gBAAgB,CAAC","file":"card-group-item.d.ts","sourcesContent":["/*\n @license\n \n Copyright IBM Corp. 2020, 2023\n \n This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n /\n\nimport { property } from 'lit-element';\nimport ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';\nimport { carbonElement as customElement } from '../../internal/vendor/@carbon/web-components/globals/decorators/carbon-element';\nimport DDSCardCTA from '../cta/card-cta';\nimport styles from './card-group.scss';\n\nconst { stablePrefix: ddsPrefix } = ddsSettings;\n\n/\n Card Group item.\n \n @element dds-card-group-item\n /\n@customElement(`${ddsPrefix}-card-group-item`)\nclass DDSCardGroupItem extends DDSCardCTA {\n /\n `true` if the card group is using border.\n /\n @property({ type: Boolean, reflect: true })\n border = false;\n\n /\n `true` if the card group item is empty.\n /\n @property({ type: Boolean, reflect: true })\n empty = false;\n\n static get stableSelector() {\n return `${ddsPrefix}--card-group-item`;\n }\n\n /\n A selector that will return the child footer.\n /\n static get selectorFooter() {\n return `${ddsPrefix}-card-cta-footer`;\n }\n\n static styles = styles;\n}\n\n/ @__GENERATE_REACT_CUSTOM_ELEMENT_TYPE__ */\nexport default DDSCardGroupItem;\n"]}

package/es/components/card-group/card-group-item.js CHANGED Viewed

@@ -14,6 +14,7 @@ var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/es
 var _decorate2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/decorate"));
 var _litElement = require("lit-element");
 var _settings = _interopRequireDefault(require("../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings.js"));
+var _carbonElement = require("../../internal/vendor/@carbon/web-components/globals/decorators/carbon-element.js");
 var _cardCta = _interopRequireDefault(require("../cta/card-cta.js"));
 var _cardGroupCss = _interopRequireDefault(require("././card-group.css.js"));
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
@@ -25,7 +26,7 @@ var ddsPrefix = _settings["default"].stablePrefix;
  *
  * @element dds-card-group-item
  */
-var DDSCardGroupItem = (0, _decorate2["default"])([(0, _litElement.customElement)("".concat(ddsPrefix, "-card-group-item"))], function (_initialize, _DDSCardCTA) {
+var DDSCardGroupItem = (0, _decorate2["default"])([(0, _carbonElement.carbonElement)("".concat(ddsPrefix, "-card-group-item"))], function (_initialize, _DDSCardCTA) {
   var DDSCardGroupItem = /*#__PURE__*/function (_DDSCardCTA2) {
     (0, _inherits2["default"])(DDSCardGroupItem, _DDSCardCTA2);
     var _super = _createSuper(DDSCardGroupItem);

package/es/components/card-group/card-group-item.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"card-group-item.js","names":["_litElement","require","_settings","_interopRequireDefault","_cardCta","_cardGroupCss","_createSuper","Derived","hasNativeReflectConstruct","_isNativeReflectConstruct","_createSuperInternal","Super","_getPrototypeOf2","result","NewTarget","constructor","Reflect","construct","arguments","apply","_possibleConstructorReturn2","sham","Proxy","Boolean","prototype","valueOf","call","e","ddsPrefix","ddsSettings","stablePrefix","DDSCardGroupItem","_decorate2","customElement","concat","_initialize","_DDSCardCTA","_DDSCardCTA2","_inherits2","_super","_this","_classCallCheck2","_len","length","args","Array","_key","_assertThisInitialized2","_createClass2","F","d","kind","decorators","property","type","reflect","key","value","stableSelector","selectorFooter","styles","DDSCardCTA","_default","exports"],"sources":["components/card-group/card-group-item.ts"],"sourcesContent":["/*\n @license\n \n Copyright IBM Corp. 2020, ~~2022~~\n \n This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n /\n\nimport { ~~customElement,~~ property } from 'lit-element';\nimport ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';\nimport DDSCardCTA from '../cta/card-cta';\nimport styles from './card-group.scss';\n\nconst { stablePrefix: ddsPrefix } = ddsSettings;\n\n/\n Card Group item.\n \n @element dds-card-group-item\n /\n@customElement(`${ddsPrefix}-card-group-item`)\nclass DDSCardGroupItem extends DDSCardCTA {\n /\n `true` if the card group is using border.\n /\n @property({ type: Boolean, reflect: true })\n border = false;\n\n /\n `true` if the card group item is empty.\n /\n @property({ type: Boolean, reflect: true })\n empty = false;\n\n static get stableSelector() {\n return `${ddsPrefix}--card-group-item`;\n }\n\n /\n A selector that will return the child footer.\n /\n static get selectorFooter() {\n return `${ddsPrefix}-card-cta-footer`;\n }\n\n static styles = styles;\n}\n\n/ @__GENERATE_REACT_CUSTOM_ELEMENT_TYPE__ */\nexport default DDSCardGroupItem;\n"],"mappings":";;;;;;;;;;;;;;AASA,IAAAA,WAAA,GAAAC,OAAA;AACA,IAAAC,SAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,QAAA,~~GAAAD~~,sBAAA,CAAAF,OAAA;AACA,~~IAAAI~~,aAAA,~~GAAAF~~,sBAAA,CAAAF,OAAA;AAAuC,~~SAAAK~~,aAAAC,OAAA,QAAAC,yBAAA,GAAAC,yBAAA,oBAAAC,qBAAA,QAAAC,KAAA,OAAAC,gBAAA,aAAAL,OAAA,GAAAM,MAAA,MAAAL,yBAAA,QAAAM,SAAA,OAAAF,gBAAA,mBAAAG,WAAA,EAAAF,MAAA,GAAAG,OAAA,CAAAC,SAAA,CAAAN,KAAA,EAAAO,SAAA,EAAAJ,SAAA,YAAAD,MAAA,GAAAF,KAAA,CAAAQ,KAAA,OAAAD,SAAA,gBAAAE,2BAAA,mBAAAP,MAAA;AAAA,SAAAJ,0BAAA,eAAAO,OAAA,qBAAAA,OAAA,CAAAC,SAAA,oBAAAD,OAAA,CAAAC,SAAA,CAAAI,IAAA,2BAAAC,KAAA,oCAAAC,OAAA,CAAAC,SAAA,CAAAC,OAAA,CAAAC,IAAA,CAAAV,OAAA,CAAAC,SAAA,CAAAM,OAAA,8CAAAI,CAAA;AAEvC,IAAsBC,SAAS,GAAKC,oBAAW,CAAvCC,YAAY;;AAEpB;AACA;AACA;AACA;AACA;AAJA,IAMMC,gBAAgB,OAAAC,UAAA,cADrB,IAAAC,~~yBAAa~~,KAAAC,MAAA,CAAIN,SAAS,sBAAmB,aAAAO,WAAA,EAAAC,WAAA;EAAA,IACxCL,gBAAgB,0BAAAM,YAAA;IAAA,IAAAC,UAAA,aAAAP,gBAAA,EAAAM,YAAA;IAAA,IAAAE,MAAA,GAAAjC,YAAA,CAAAyB,gBAAA;IAAA,SAAAA,iBAAA;MAAA,IAAAS,KAAA;MAAA,IAAAC,gBAAA,mBAAAV,gBAAA;MAAA,SAAAW,IAAA,GAAAxB,SAAA,CAAAyB,MAAA,EAAAC,IAAA,OAAAC,KAAA,CAAAH,IAAA,GAAAI,IAAA,MAAAA,IAAA,GAAAJ,IAAA,EAAAI,IAAA;QAAAF,IAAA,CAAAE,IAAA,IAAA5B,SAAA,CAAA4B,IAAA;MAAA;MAAAN,KAAA,GAAAD,MAAA,CAAAb,IAAA,CAAAP,KAAA,CAAAoB,MAAA,SAAAL,MAAA,CAAAU,IAAA;MAAAT,WAAA,KAAAY,uBAAA,aAAAP,KAAA;MAAA,OAAAA,KAAA;IAAA;IAAA,WAAAQ,aAAA,aAAAjB,gBAAA;EAAA,EAAAK,WAAA;EAAA;IAAAa,CAAA,EAAhBlB,gBAAgB;IAAAmB,CAAA;MAAAC,IAAA;MAAAC,UAAA,GAInB,IAAAC,oBAAQ,EAAC;QAAEC,IAAI,EAAE/B,OAAO;QAAEgC,OAAO,EAAE;MAAK,CAAC,CAAC;MAAAC,GAAA;MAAAC,KAAA,WAAAA,MAAA;QAAA,OAClC,KAAK;MAAA;IAAA;MAAAN,IAAA;MAAAC,UAAA,GAKb,IAAAC,oBAAQ,EAAC;QAAEC,IAAI,EAAE/B,OAAO;QAAEgC,OAAO,EAAE;MAAK,CAAC,CAAC;MAAAC,GAAA;MAAAC,KAAA,WAAAA,MAAA;QAAA,OACnC,KAAK;MAAA;IAAA;MAAAN,IAAA;MAAA;MAAAK,GAAA;MAAAC,KAAA;MAVb;AACF;AACA;;MAIE;AACF;AACA;;MAIE,SAAAC,eAAA,EAA4B;QAC1B,UAAAxB,MAAA,CAAUN,SAAS;MACrB;;MAEA;AACF;AACA;IAFE;MAAAuB,IAAA;MAAA;MAAAK,GAAA;MAAAC,KAAA,EAGA,SAAAE,eAAA,EAA4B;QAC1B,UAAAzB,MAAA,CAAUN,SAAS;MACrB;IAAC;MAAAuB,IAAA;MAAA;MAAAK,GAAA;MAAAC,KAAA,WAAAA,MAAA;QAAA,OAEeG,wBAAM;MAAA;IAAA;EAAA;AAAA,GAxBOC,mBAAU;AA2BzC;AAAA,IAAAC,QAAA,GACe/B,gBAAgB;AAAAgC,OAAA,cAAAD,QAAA"}
1	+ {"version":3,"file":"card-group-item.js","names":["_litElement","require","_settings","_interopRequireDefault","_carbonElement","_cardCta","_cardGroupCss","_createSuper","Derived","hasNativeReflectConstruct","_isNativeReflectConstruct","_createSuperInternal","Super","_getPrototypeOf2","result","NewTarget","constructor","Reflect","construct","arguments","apply","_possibleConstructorReturn2","sham","Proxy","Boolean","prototype","valueOf","call","e","ddsPrefix","ddsSettings","stablePrefix","DDSCardGroupItem","_decorate2","customElement","concat","_initialize","_DDSCardCTA","_DDSCardCTA2","_inherits2","_super","_this","_classCallCheck2","_len","length","args","Array","_key","_assertThisInitialized2","_createClass2","F","d","kind","decorators","property","type","reflect","key","value","stableSelector","selectorFooter","styles","DDSCardCTA","_default","exports"],"sources":["components/card-group/card-group-item.ts"],"sourcesContent":["/*\n @license\n \n Copyright IBM Corp. 2020, 2023\n \n This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n /\n\nimport { property } from 'lit-element';\nimport ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';\nimport { carbonElement as customElement } from '../../internal/vendor/@carbon/web-components/globals/decorators/carbon-element';\nimport DDSCardCTA from '../cta/card-cta';\nimport styles from './card-group.scss';\n\nconst { stablePrefix: ddsPrefix } = ddsSettings;\n\n/\n Card Group item.\n \n @element dds-card-group-item\n /\n@customElement(`${ddsPrefix}-card-group-item`)\nclass DDSCardGroupItem extends DDSCardCTA {\n /\n `true` if the card group is using border.\n /\n @property({ type: Boolean, reflect: true })\n border = false;\n\n /\n `true` if the card group item is empty.\n /\n @property({ type: Boolean, reflect: true })\n empty = false;\n\n static get stableSelector() {\n return `${ddsPrefix}--card-group-item`;\n }\n\n /\n A selector that will return the child footer.\n /\n static get selectorFooter() {\n return `${ddsPrefix}-card-cta-footer`;\n }\n\n static styles = styles;\n}\n\n/ @__GENERATE_REACT_CUSTOM_ELEMENT_TYPE__ */\nexport default DDSCardGroupItem;\n"],"mappings":"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"}

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

@@ -1,7 +1,7 @@
 /**
  * @license
  *
- * Copyright IBM Corp. 2020, 2022
+ * Copyright IBM Corp. 2020, 2023
  *
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
@@ -196,7 +196,7 @@ declare const DDSCardGroup_base: {
         ariaValueMin: string | null;
         ariaValueNow: string | null;
         ariaValueText: string | null;
-        animate(keyframes: PropertyIndexedKeyframes | Keyframe[] | null, options?: number | KeyframeAnimationOptions | undefined): Animation;
+        animate(keyframes: Keyframe[] | PropertyIndexedKeyframes | null, options?: number | KeyframeAnimationOptions | undefined): Animation;
         getAnimations(options?: GetAnimationsOptions | undefined): Animation[];
         after(...nodes: (string | Node)[]): void;
         before(...nodes: (string | Node)[]): void;

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["components/card-group/card-group.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAGH,OAAO,EAAwC,UAAU,EAAE,MAAM,aAAa,CAAC;AAK/E,OAAO,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AAInC,OAAO,EAAE,SAAS,EAAE,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAWrB;;;;GAIG;AACH,cACM,YAAa,SAAQ,iBAA+B;IACxD;;OAEG;IACH,OAAO,CAAC,WAAW,CAAa;IAEhC;;OAEG;IACH,OAAO,CAAC,kBAAkB,CAAa;IAEvC;;OAEG;IACH,OAAO,CAAC,kBAAkB,CAAa;IAEvC;;OAEG;IACH,OAAO,CAAC,kBAAkB,CAAa;IAEvC;;OAEG;IACH,OAAO,CAAC,oBAAoB,CAAa;IAEzC;;OAEG;IACH,OAAO,CAAC,iBAAiB,CAAa;IAEtC;;OAEG;IACH,OAAO,CAAC,mBAAmB,CAAoB;IAE/C;;;;;OAKG;IACH,OAAO,CAAC,6BAA6B;IAarC;;;;OAIG;IACH,OAAO,CAAC,iBAAiB;IAqDzB;;OAEG;IACH,OAAO,CAAC,cAAc,CAyBpB;IAEF,OAAO,CAAC,cAAc,CA2CpB;IAEF,OAAO,CAAC,kBAAkB,CAiExB;IAEF,OAAO,CAAC,aAAa,CAQnB;IAEF,OAAO,CAAC,0BAA0B,CAchC;IAEF,OAAO,CAAC,iBAAiB,CAEvB;IAEF;;OAEG;IAEH,OAAO,CAAC,YAAY,CAAC,CAAS;IAE9B;;OAEG;IAEH,OAAO,CAAC,gBAAgB,CAAK;IAE7B;;;OAGG;IACH,IACI,WAAW,IAMQ,MAAM,CAF5B;IAED,IAAI,WAAW,CAAC,KAAK,EAAE,MAAM,EAG5B;IAED;;;OAGG;IAEH,QAAQ,YAAuB;IAE/B;;OAEG;IAGH,UAAU,UAAS;IAEnB,iBAAiB;IAKjB,oBAAoB;IAKpB,YAAY;IAKZ,OAAO;IAIP,MAAM;IAeN;;OAEG;IACH,MAAM,KAAK,yBAAyB,WAEnC;IAED,MAAM,KAAK,cAAc,WAExB;IAED;;OAEG;IACH,MAAM,KAAK,YAAY,WAEtB;IAED;;OAEG;IACH,MAAM,KAAK,mBAAmB,WAE7B;IAED;;OAEG;IACH,MAAM,KAAK,oBAAoB,WAE9B;IAED;;OAEG;IACH,MAAM,KAAK,qBAAqB,WAE/B;IAED;;OAEG;IACH,MAAM,KAAK,mBAAmB,WAE7B;IAED;;OAEG;IACH,MAAM,KAAK,kBAAkB,WAE5B;IAED,MAAM,CAAC,MAAM,MAAU;CACxB;AAGD,eAAe,YAAY,CAAC","file":"card-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 /\n\nimport { classMap } from 'lit-html/directives/class-map.js';\nimport { html, state, property, customElement, LitElement } from 'lit-element';\nimport settings from 'carbon-components/es/globals/js/settings.js';\nimport { baseFontSize, breakpoints } from '@carbon/layout';\nimport ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';\nimport sameHeight from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/sameHeight/sameHeight';\nimport { GRID_MODE } from './defs';\nimport styles from './card-group.scss';\nimport StableSelectorMixin from '../../globals/mixins/stable-selector';\n\nexport { GRID_MODE };\n\nconst { prefix } = settings;\nconst { stablePrefix: ddsPrefix } = ddsSettings;\n\nconst gridLgBreakpoint = parseFloat(breakpoints.lg.width) baseFontSize;\nconst gridMdBreakpoint = parseFloat(breakpoints.md.width) * baseFontSize;\n\n// tag constants used for same height calculations\nconst headingBottomMargin = 64;\n\n/*\n Card Group.\n \n @element dds-card-group\n /\n@customElement(`${ddsPrefix}-card-group`)\nclass DDSCardGroup extends StableSelectorMixin(LitElement) {\n /\n Array to hold the card-heading elements within child items.\n /\n private _childItems: any[] = [];\n\n /\n Array to hold the card-heading elements within child items.\n /\n private _childItemHeadings: any[] = [];\n\n /\n Array to hold the card-eyebrow elements within child items.\n /\n private _childItemEyebrows: any[] = [];\n\n /\n Array to hold the tag-group elements within child items.\n /\n private _childItemTagGroup: any[] = [];\n\n /\n Array to hold the paragraph elements within child items.\n /\n private _childItemParagraphs: any[] = [];\n\n /\n Array to hold the card-cta-footer elements within child items.\n /\n private _childItemFooters: any[] = [];\n\n /\n The observer for the resize of the viewport.\n /\n private _observerResizeRoot: any \| null = null; // TODO: Wait for `.d.ts` update to support `ResizeObserver`\n\n /\n Cleans-up and creats the resize observer for the scrolling container.\n \n @param [options] The options.\n * @param [options.create] `true` to create the new resize observer.\n /\n private _cleanAndCreateObserverResize({ create }: { create?: boolean } = {}) {\n if (this._observerResizeRoot) {\n this._observerResizeRoot.disconnect();\n this._observerResizeRoot = null;\n }\n if (create) {\n // TODO: Wait for `.d.ts` update to support `ResizeObserver`\n // @ts-ignore\n this._observerResizeRoot = new ResizeObserver(this._resizeHandler);\n this._observerResizeRoot.observe(this.ownerDocument!.documentElement);\n }\n }\n\n /\n Handler for @slotchange, set the height of all headings to the tallest height.\n \n @private\n /\n private _handleSlotChange(event: Event) {\n this._childItems = (event.target as HTMLSlotElement)\n .assignedNodes()\n .filter((elem) =>\n (elem as HTMLElement).matches?.(\n (this.constructor as typeof DDSCardGroup).selectorItem\n )\n );\n\n // retrieve item heading, eyebrows, and footers to set same height\n if (this._childItems) {\n this._childItems.forEach((e) => {\n this._childItemEyebrows.push(\n (e as HTMLElement).querySelector(\n (this.constructor as typeof DDSCardGroup).selectorItemEyebrow\n )\n );\n this._childItemParagraphs.push(\n (e as HTMLElement).querySelector(\n (this.constructor as typeof DDSCardGroup).selectorItemParagraph\n )\n );\n this._childItemTagGroup.push(\n (e as HTMLElement).querySelector(\n (this.constructor as typeof DDSCardGroup).selectorItemTagGroup\n )\n );\n this._childItemHeadings.push(\n (e as HTMLElement).querySelector(\n (this.constructor as typeof DDSCardGroup).selectorItemHeading\n )\n );\n this._childItemFooters.push(\n (e as HTMLElement).querySelector(\n (this.constructor as typeof DDSCardGroup).selectorItemFooter\n )\n );\n e.toggleAttribute('border', this.gridMode === 'border');\n });\n\n const { customPropertyCardsPerRow } = this\n .constructor as typeof DDSCardGroup;\n this.style.setProperty(\n customPropertyCardsPerRow,\n String(this.cardsPerRow)\n );\n\n if (this.gridMode !== GRID_MODE.NARROW) {\n this._resizeHandler();\n }\n }\n }\n\n /\n The observer for the resize of the viewport, calls sameHeight utility function\n /\n private _resizeHandler = () => {\n window.requestAnimationFrame(() => {\n const documentWidth = this.ownerDocument!.documentElement.clientWidth;\n let columnCount;\n switch (true) {\n case documentWidth < gridMdBreakpoint:\n columnCount = 1;\n break;\n case documentWidth < gridLgBreakpoint:\n columnCount = 2;\n break;\n default:\n columnCount = this.cardsPerRow;\n }\n if (!this.pictograms) {\n this._setSameHeight();\n }\n if (this.gridMode !== GRID_MODE.NARROW) {\n this._fillLastRowWithEmptyCards(columnCount);\n this._borderAdjustments(columnCount);\n } else {\n this._removeEmptyCards();\n this._resetBorders();\n }\n });\n };\n\n private _setSameHeight = () => {\n // check if items are not null before using sameHeight\n\n sameHeight(\n this._childItemEyebrows.filter((item) => item !== null),\n 'md'\n );\n sameHeight(\n this._childItemHeadings.filter((item) => item !== null),\n 'md'\n );\n sameHeight(\n this._childItemParagraphs.filter((item) => item !== null),\n 'md'\n );\n sameHeight(\n this._childItemFooters.filter((item) => item !== null),\n 'md'\n );\n\n let tagGroupHeight: number = 0;\n\n // get tallest height of tag groups\n this._childItemTagGroup.forEach((item) => {\n if (item) {\n const groupHeight = (item as HTMLElement).offsetHeight;\n if (groupHeight > tagGroupHeight) {\n tagGroupHeight = groupHeight;\n }\n }\n });\n\n this._childItemHeadings.forEach((e) => {\n // add tag group height to heading to the cards lacking tag group\n if (\n e &&\n !e.nextElementSibling?.matches(\n (this.constructor as typeof DDSCardGroup).selectorItemTagGroup\n )\n ) {\n e.style.marginBottom = `${tagGroupHeight + headingBottomMargin}px`;\n }\n });\n };\n\n private _borderAdjustments = (columnCount) => {\n const isEmpty = (element) => element.hasAttribute('empty');\n const inFirstColumn = (index) => (index + 1) % columnCount === 1;\n const inLastColumn = (index) => (index + 1) % columnCount === 0;\n const inFirstRow = (index) => index < columnCount;\n const inLastRow = (index) =>\n Math.floor(index / columnCount) ===\n Math.floor((this._childItems.length - 1) / columnCount);\n\n this._childItems.forEach((e, index) => {\n const { gridMode } = this;\n if (gridMode === GRID_MODE.COLLAPSED) {\n e.toggleAttribute('border', false);\n if (isEmpty(e)) {\n e.style.paddingBottom = '0';\n e.style.paddingRight = '0';\n } else {\n if (inFirstColumn(index)) {\n e.style.paddingLeft = '0';\n }\n if (inLastColumn(index)) {\n e.style.paddingRight = '0';\n e.style.borderRight = `1px solid var(--cds-ui-background)`;\n } else {\n e.style.paddingRight = '1px';\n e.style.borderRight = 'none';\n }\n if (inFirstRow(index)) {\n e.style.paddingTop = '0';\n }\n if (inLastRow(index)) {\n e.style.paddingBottom = '0';\n } else {\n e.style.paddingBottom = '1px';\n }\n }\n }\n if (gridMode === GRID_MODE.BORDER) {\n e.toggleAttribute('border', true);\n if (isEmpty(e)) {\n e.style.paddingBottom = '1px';\n e.style.paddingRight = '1px';\n } else {\n e.style.paddingTop = '0';\n if (inFirstRow(index)) {\n e.style.paddingTop = '1px';\n }\n if (inLastRow(index)) {\n e.style.paddingBottom = '1px';\n }\n if (inFirstColumn(index)) {\n e.style.paddingLeft = '1px';\n } else {\n e.style.paddingLeft = '0';\n }\n if (inLastColumn(index)) {\n e.style.paddingRight = '1px';\n }\n }\n // if one column and first item is empty then set top border for second item\n if (columnCount === 1 && isEmpty(this._childItems[0]) && index === 1) {\n e.style.paddingTop = '1px';\n }\n }\n });\n };\n\n private _resetBorders = () => {\n this._childItems.forEach((elem) => {\n elem.toggleAttribute('border', false);\n elem.style.paddingTop = '';\n elem.style.paddingRight = '';\n elem.style.paddingBottom = '';\n elem.style.paddingLeft = '';\n });\n };\n\n private _fillLastRowWithEmptyCards = (columnCount) => {\n // remove all empty cards\n this._removeEmptyCards();\n\n // add empty cards\n const emptyNeeded =\n this.childElementCount % columnCount > 0 && columnCount > 1\n ? columnCount - (this.childElementCount % columnCount)\n : 0;\n for (let i = 0; i < emptyNeeded; i++) {\n const card = document.createElement('dds-card-group-item');\n card.setAttribute('empty', '');\n this.shadowRoot?.appendChild(card);\n }\n };\n\n private _removeEmptyCards = () => {\n this.shadowRoot?.querySelectorAll('[empty]').forEach((e) => e.remove());\n };\n\n /\n The number of columns per row. Min 2, max 4, default 3. Applies to >=`lg` breakpoint only.\n /\n @state()\n private _cardsPerRow?: number;\n\n /\n Default number of cards per row. Applies to >=`lg` breakpoint only.\n /\n @state()\n private _cardsPerRowAuto = 3;\n\n /\n Number of cards per column.\n * If `--dds--card-group--cards-in-row` CSS custom property is set to `<dds-card-group>`.\n /\n @property({ type: Number, attribute: 'cards-per-row' })\n get cardsPerRow() {\n const { _cardsPerRow: cardsPerRow, _cardsPerRowAuto: cardsPerRowAuto } =\n this;\n return cardsPerRow ?? cardsPerRowAuto;\n }\n\n set cardsPerRow(value: number) {\n this._cardsPerRow = value;\n // Don't call `.requestUpdate()` here given we track updates via `_cardsPerRow` and `_cardsPerRowAuto`\n }\n\n /\n The Grid Mode for the component layout.\n * Collapsed/1px (default) \| Narrow/16px).\n /\n @property({ attribute: 'grid-mode', reflect: true })\n gridMode = GRID_MODE.COLLAPSED;\n\n /\n If using cards with pictogram.\n /\n // necessary to avoid using sameHeight utility\n @property({ type: Boolean, reflect: true })\n pictograms = false;\n\n connectedCallback() {\n super.connectedCallback();\n this._cleanAndCreateObserverResize({ create: true });\n }\n\n disconnectedCallback() {\n this._cleanAndCreateObserverResize();\n super.disconnectedCallback();\n }\n\n firstUpdated() {\n super.connectedCallback();\n this._cleanAndCreateObserverResize({ create: true });\n }\n\n updated() {\n this._resizeHandler();\n }\n\n render() {\n const slotClasses = classMap({\n [`${prefix}--card-group--narrow`]: this.gridMode === GRID_MODE.NARROW,\n [`${prefix}--card-group--collapsed`]:\n this.gridMode === GRID_MODE.COLLAPSED,\n [`${prefix}--card-group--border`]: this.gridMode === GRID_MODE.BORDER,\n });\n\n return html`\n <slot\n @slotchange=\"${this._handleSlotChange}\"\n class=\"${slotClasses}\"></slot>\n `;\n }\n\n /\n The CSS custom property name for the live button group item cout.\n /\n static get customPropertyCardsPerRow() {\n return `--${ddsPrefix}--card-group--cards-in-row`;\n }\n\n static get stableSelector() {\n return `${ddsPrefix}--card-group`;\n }\n\n /\n A selector that will return the card item.\n /\n static get selectorItem() {\n return `${ddsPrefix}-card-group-item`;\n }\n\n /\n A selector that will return the card item's eyebrow\n /\n static get selectorItemEyebrow() {\n return `${ddsPrefix}-card-eyebrow`;\n }\n\n /\n A selector that will return the card item's tag group\n /\n static get selectorItemTagGroup() {\n return `${ddsPrefix}-tag-group`;\n }\n\n /\n A selector that will return the card item's tag group\n /\n static get selectorItemParagraph() {\n return `p`;\n }\n\n /\n A selector that will return the card item's heading\n /\n static get selectorItemHeading() {\n return `${ddsPrefix}-card-heading`;\n }\n\n /\n A selector that will return the card item's footer\n /\n static get selectorItemFooter() {\n return `${ddsPrefix}-card-cta-footer`;\n }\n\n static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\n/ @__GENERATE_REACT_CUSTOM_ELEMENT_TYPE__ */\nexport default DDSCardGroup;\n"]}
1	+ {"version":3,"sources":["components/card-group/card-group.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAGH,OAAO,EAAyB,UAAU,EAAE,MAAM,aAAa,CAAC;AAKhE,OAAO,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AAKnC,OAAO,EAAE,SAAS,EAAE,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAWrB;;;;GAIG;AACH,cACM,YAAa,SAAQ,iBAA+B;IACxD;;OAEG;IACH,OAAO,CAAC,WAAW,CAAa;IAEhC;;OAEG;IACH,OAAO,CAAC,kBAAkB,CAAa;IAEvC;;OAEG;IACH,OAAO,CAAC,kBAAkB,CAAa;IAEvC;;OAEG;IACH,OAAO,CAAC,kBAAkB,CAAa;IAEvC;;OAEG;IACH,OAAO,CAAC,oBAAoB,CAAa;IAEzC;;OAEG;IACH,OAAO,CAAC,iBAAiB,CAAa;IAEtC;;OAEG;IACH,OAAO,CAAC,mBAAmB,CAAoB;IAE/C;;;;;OAKG;IACH,OAAO,CAAC,6BAA6B;IAarC;;;;OAIG;IACH,OAAO,CAAC,iBAAiB;IAqDzB;;OAEG;IACH,OAAO,CAAC,cAAc,CAyBpB;IAEF,OAAO,CAAC,cAAc,CA2CpB;IAEF,OAAO,CAAC,kBAAkB,CAiExB;IAEF,OAAO,CAAC,aAAa,CAQnB;IAEF,OAAO,CAAC,0BAA0B,CAchC;IAEF,OAAO,CAAC,iBAAiB,CAEvB;IAEF;;OAEG;IAEH,OAAO,CAAC,YAAY,CAAC,CAAS;IAE9B;;OAEG;IAEH,OAAO,CAAC,gBAAgB,CAAK;IAE7B;;;OAGG;IACH,IACI,WAAW,IAMQ,MAAM,CAF5B;IAED,IAAI,WAAW,CAAC,KAAK,EAAE,MAAM,EAG5B;IAED;;;OAGG;IAEH,QAAQ,YAAuB;IAE/B;;OAEG;IAGH,UAAU,UAAS;IAEnB,iBAAiB;IAKjB,oBAAoB;IAKpB,YAAY;IAKZ,OAAO;IAIP,MAAM;IAeN;;OAEG;IACH,MAAM,KAAK,yBAAyB,WAEnC;IAED,MAAM,KAAK,cAAc,WAExB;IAED;;OAEG;IACH,MAAM,KAAK,YAAY,WAEtB;IAED;;OAEG;IACH,MAAM,KAAK,mBAAmB,WAE7B;IAED;;OAEG;IACH,MAAM,KAAK,oBAAoB,WAE9B;IAED;;OAEG;IACH,MAAM,KAAK,qBAAqB,WAE/B;IAED;;OAEG;IACH,MAAM,KAAK,mBAAmB,WAE7B;IAED;;OAEG;IACH,MAAM,KAAK,kBAAkB,WAE5B;IAED,MAAM,CAAC,MAAM,MAAU;CACxB;AAGD,eAAe,YAAY,CAAC","file":"card-group.d.ts","sourcesContent":["/*\n @license\n \n Copyright IBM Corp. 2020, 2023\n \n This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n /\n\nimport { classMap } from 'lit-html/directives/class-map.js';\nimport { html, state, property, LitElement } from 'lit-element';\nimport settings from 'carbon-components/es/globals/js/settings.js';\nimport { baseFontSize, breakpoints } from '@carbon/layout';\nimport ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';\nimport sameHeight from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/sameHeight/sameHeight';\nimport { GRID_MODE } from './defs';\nimport styles from './card-group.scss';\nimport StableSelectorMixin from '../../globals/mixins/stable-selector';\nimport { carbonElement as customElement } from '../../internal/vendor/@carbon/web-components/globals/decorators/carbon-element';\n\nexport { GRID_MODE };\n\nconst { prefix } = settings;\nconst { stablePrefix: ddsPrefix } = ddsSettings;\n\nconst gridLgBreakpoint = parseFloat(breakpoints.lg.width) baseFontSize;\nconst gridMdBreakpoint = parseFloat(breakpoints.md.width) * baseFontSize;\n\n// tag constants used for same height calculations\nconst headingBottomMargin = 64;\n\n/*\n Card Group.\n \n @element dds-card-group\n /\n@customElement(`${ddsPrefix}-card-group`)\nclass DDSCardGroup extends StableSelectorMixin(LitElement) {\n /\n Array to hold the card-heading elements within child items.\n /\n private _childItems: any[] = [];\n\n /\n Array to hold the card-heading elements within child items.\n /\n private _childItemHeadings: any[] = [];\n\n /\n Array to hold the card-eyebrow elements within child items.\n /\n private _childItemEyebrows: any[] = [];\n\n /\n Array to hold the tag-group elements within child items.\n /\n private _childItemTagGroup: any[] = [];\n\n /\n Array to hold the paragraph elements within child items.\n /\n private _childItemParagraphs: any[] = [];\n\n /\n Array to hold the card-cta-footer elements within child items.\n /\n private _childItemFooters: any[] = [];\n\n /\n The observer for the resize of the viewport.\n /\n private _observerResizeRoot: any \| null = null; // TODO: Wait for `.d.ts` update to support `ResizeObserver`\n\n /\n Cleans-up and creats the resize observer for the scrolling container.\n \n @param [options] The options.\n * @param [options.create] `true` to create the new resize observer.\n /\n private _cleanAndCreateObserverResize({ create }: { create?: boolean } = {}) {\n if (this._observerResizeRoot) {\n this._observerResizeRoot.disconnect();\n this._observerResizeRoot = null;\n }\n if (create) {\n // TODO: Wait for `.d.ts` update to support `ResizeObserver`\n // @ts-ignore\n this._observerResizeRoot = new ResizeObserver(this._resizeHandler);\n this._observerResizeRoot.observe(this.ownerDocument!.documentElement);\n }\n }\n\n /\n Handler for @slotchange, set the height of all headings to the tallest height.\n \n @private\n /\n private _handleSlotChange(event: Event) {\n this._childItems = (event.target as HTMLSlotElement)\n .assignedNodes()\n .filter((elem) =>\n (elem as HTMLElement).matches?.(\n (this.constructor as typeof DDSCardGroup).selectorItem\n )\n );\n\n // retrieve item heading, eyebrows, and footers to set same height\n if (this._childItems) {\n this._childItems.forEach((e) => {\n this._childItemEyebrows.push(\n (e as HTMLElement).querySelector(\n (this.constructor as typeof DDSCardGroup).selectorItemEyebrow\n )\n );\n this._childItemParagraphs.push(\n (e as HTMLElement).querySelector(\n (this.constructor as typeof DDSCardGroup).selectorItemParagraph\n )\n );\n this._childItemTagGroup.push(\n (e as HTMLElement).querySelector(\n (this.constructor as typeof DDSCardGroup).selectorItemTagGroup\n )\n );\n this._childItemHeadings.push(\n (e as HTMLElement).querySelector(\n (this.constructor as typeof DDSCardGroup).selectorItemHeading\n )\n );\n this._childItemFooters.push(\n (e as HTMLElement).querySelector(\n (this.constructor as typeof DDSCardGroup).selectorItemFooter\n )\n );\n e.toggleAttribute('border', this.gridMode === 'border');\n });\n\n const { customPropertyCardsPerRow } = this\n .constructor as typeof DDSCardGroup;\n this.style.setProperty(\n customPropertyCardsPerRow,\n String(this.cardsPerRow)\n );\n\n if (this.gridMode !== GRID_MODE.NARROW) {\n this._resizeHandler();\n }\n }\n }\n\n /\n The observer for the resize of the viewport, calls sameHeight utility function\n /\n private _resizeHandler = () => {\n window.requestAnimationFrame(() => {\n const documentWidth = this.ownerDocument!.documentElement.clientWidth;\n let columnCount;\n switch (true) {\n case documentWidth < gridMdBreakpoint:\n columnCount = 1;\n break;\n case documentWidth < gridLgBreakpoint:\n columnCount = 2;\n break;\n default:\n columnCount = this.cardsPerRow;\n }\n if (!this.pictograms) {\n this._setSameHeight();\n }\n if (this.gridMode !== GRID_MODE.NARROW) {\n this._fillLastRowWithEmptyCards(columnCount);\n this._borderAdjustments(columnCount);\n } else {\n this._removeEmptyCards();\n this._resetBorders();\n }\n });\n };\n\n private _setSameHeight = () => {\n // check if items are not null before using sameHeight\n\n sameHeight(\n this._childItemEyebrows.filter((item) => item !== null),\n 'md'\n );\n sameHeight(\n this._childItemHeadings.filter((item) => item !== null),\n 'md'\n );\n sameHeight(\n this._childItemParagraphs.filter((item) => item !== null),\n 'md'\n );\n sameHeight(\n this._childItemFooters.filter((item) => item !== null),\n 'md'\n );\n\n let tagGroupHeight: number = 0;\n\n // get tallest height of tag groups\n this._childItemTagGroup.forEach((item) => {\n if (item) {\n const groupHeight = (item as HTMLElement).offsetHeight;\n if (groupHeight > tagGroupHeight) {\n tagGroupHeight = groupHeight;\n }\n }\n });\n\n this._childItemHeadings.forEach((e) => {\n // add tag group height to heading to the cards lacking tag group\n if (\n e &&\n !e.nextElementSibling?.matches(\n (this.constructor as typeof DDSCardGroup).selectorItemTagGroup\n )\n ) {\n e.style.marginBottom = `${tagGroupHeight + headingBottomMargin}px`;\n }\n });\n };\n\n private _borderAdjustments = (columnCount) => {\n const isEmpty = (element) => element.hasAttribute('empty');\n const inFirstColumn = (index) => (index + 1) % columnCount === 1;\n const inLastColumn = (index) => (index + 1) % columnCount === 0;\n const inFirstRow = (index) => index < columnCount;\n const inLastRow = (index) =>\n Math.floor(index / columnCount) ===\n Math.floor((this._childItems.length - 1) / columnCount);\n\n this._childItems.forEach((e, index) => {\n const { gridMode } = this;\n if (gridMode === GRID_MODE.COLLAPSED) {\n e.toggleAttribute('border', false);\n if (isEmpty(e)) {\n e.style.paddingBottom = '0';\n e.style.paddingRight = '0';\n } else {\n if (inFirstColumn(index)) {\n e.style.paddingLeft = '0';\n }\n if (inLastColumn(index)) {\n e.style.paddingRight = '0';\n e.style.borderRight = `1px solid var(--cds-ui-background)`;\n } else {\n e.style.paddingRight = '1px';\n e.style.borderRight = 'none';\n }\n if (inFirstRow(index)) {\n e.style.paddingTop = '0';\n }\n if (inLastRow(index)) {\n e.style.paddingBottom = '0';\n } else {\n e.style.paddingBottom = '1px';\n }\n }\n }\n if (gridMode === GRID_MODE.BORDER) {\n e.toggleAttribute('border', true);\n if (isEmpty(e)) {\n e.style.paddingBottom = '1px';\n e.style.paddingRight = '1px';\n } else {\n e.style.paddingTop = '0';\n if (inFirstRow(index)) {\n e.style.paddingTop = '1px';\n }\n if (inLastRow(index)) {\n e.style.paddingBottom = '1px';\n }\n if (inFirstColumn(index)) {\n e.style.paddingLeft = '1px';\n } else {\n e.style.paddingLeft = '0';\n }\n if (inLastColumn(index)) {\n e.style.paddingRight = '1px';\n }\n }\n // if one column and first item is empty then set top border for second item\n if (columnCount === 1 && isEmpty(this._childItems[0]) && index === 1) {\n e.style.paddingTop = '1px';\n }\n }\n });\n };\n\n private _resetBorders = () => {\n this._childItems.forEach((elem) => {\n elem.toggleAttribute('border', false);\n elem.style.paddingTop = '';\n elem.style.paddingRight = '';\n elem.style.paddingBottom = '';\n elem.style.paddingLeft = '';\n });\n };\n\n private _fillLastRowWithEmptyCards = (columnCount) => {\n // remove all empty cards\n this._removeEmptyCards();\n\n // add empty cards\n const emptyNeeded =\n this.childElementCount % columnCount > 0 && columnCount > 1\n ? columnCount - (this.childElementCount % columnCount)\n : 0;\n for (let i = 0; i < emptyNeeded; i++) {\n const card = document.createElement('dds-card-group-item');\n card.setAttribute('empty', '');\n this.shadowRoot?.appendChild(card);\n }\n };\n\n private _removeEmptyCards = () => {\n this.shadowRoot?.querySelectorAll('[empty]').forEach((e) => e.remove());\n };\n\n /\n The number of columns per row. Min 2, max 4, default 3. Applies to >=`lg` breakpoint only.\n /\n @state()\n private _cardsPerRow?: number;\n\n /\n Default number of cards per row. Applies to >=`lg` breakpoint only.\n /\n @state()\n private _cardsPerRowAuto = 3;\n\n /\n Number of cards per column.\n * If `--dds--card-group--cards-in-row` CSS custom property is set to `<dds-card-group>`.\n /\n @property({ type: Number, attribute: 'cards-per-row' })\n get cardsPerRow() {\n const { _cardsPerRow: cardsPerRow, _cardsPerRowAuto: cardsPerRowAuto } =\n this;\n return cardsPerRow ?? cardsPerRowAuto;\n }\n\n set cardsPerRow(value: number) {\n this._cardsPerRow = value;\n // Don't call `.requestUpdate()` here given we track updates via `_cardsPerRow` and `_cardsPerRowAuto`\n }\n\n /\n The Grid Mode for the component layout.\n * Collapsed/1px (default) \| Narrow/16px).\n /\n @property({ attribute: 'grid-mode', reflect: true })\n gridMode = GRID_MODE.COLLAPSED;\n\n /\n If using cards with pictogram.\n /\n // necessary to avoid using sameHeight utility\n @property({ type: Boolean, reflect: true })\n pictograms = false;\n\n connectedCallback() {\n super.connectedCallback();\n this._cleanAndCreateObserverResize({ create: true });\n }\n\n disconnectedCallback() {\n this._cleanAndCreateObserverResize();\n super.disconnectedCallback();\n }\n\n firstUpdated() {\n super.connectedCallback();\n this._cleanAndCreateObserverResize({ create: true });\n }\n\n updated() {\n this._resizeHandler();\n }\n\n render() {\n const slotClasses = classMap({\n [`${prefix}--card-group--narrow`]: this.gridMode === GRID_MODE.NARROW,\n [`${prefix}--card-group--collapsed`]:\n this.gridMode === GRID_MODE.COLLAPSED,\n [`${prefix}--card-group--border`]: this.gridMode === GRID_MODE.BORDER,\n });\n\n return html`\n <slot\n @slotchange=\"${this._handleSlotChange}\"\n class=\"${slotClasses}\"></slot>\n `;\n }\n\n /\n The CSS custom property name for the live button group item cout.\n /\n static get customPropertyCardsPerRow() {\n return `--${ddsPrefix}--card-group--cards-in-row`;\n }\n\n static get stableSelector() {\n return `${ddsPrefix}--card-group`;\n }\n\n /\n A selector that will return the card item.\n /\n static get selectorItem() {\n return `${ddsPrefix}-card-group-item`;\n }\n\n /\n A selector that will return the card item's eyebrow\n /\n static get selectorItemEyebrow() {\n return `${ddsPrefix}-card-eyebrow`;\n }\n\n /\n A selector that will return the card item's tag group\n /\n static get selectorItemTagGroup() {\n return `${ddsPrefix}-tag-group`;\n }\n\n /\n A selector that will return the card item's tag group\n /\n static get selectorItemParagraph() {\n return `p`;\n }\n\n /\n A selector that will return the card item's heading\n /\n static get selectorItemHeading() {\n return `${ddsPrefix}-card-heading`;\n }\n\n /\n A selector that will return the card item's footer\n /\n static get selectorItemFooter() {\n return `${ddsPrefix}-card-cta-footer`;\n }\n\n static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\n/ @__GENERATE_REACT_CUSTOM_ELEMENT_TYPE__ */\nexport default DDSCardGroup;\n"]}

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

@@ -30,6 +30,7 @@ var _sameHeight = _interopRequireDefault(require("../../internal/vendor/@carbon/
 var _defs = require("./defs.js");
 var _cardGroupCss = _interopRequireDefault(require("././card-group.css.js"));
 var _stableSelector = _interopRequireDefault(require("../../globals/mixins/stable-selector.js"));
+var _carbonElement = require("../../internal/vendor/@carbon/web-components/globals/decorators/carbon-element.js");
 var _templateObject;
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
@@ -46,7 +47,7 @@ var headingBottomMargin = 64;
  *
  * @element dds-card-group
  */
-var DDSCardGroup = (0, _decorate2["default"])([(0, _litElement.customElement)("".concat(ddsPrefix, "-card-group"))], function (_initialize, _StableSelectorMixin) {
+var DDSCardGroup = (0, _decorate2["default"])([(0, _carbonElement.carbonElement)("".concat(ddsPrefix, "-card-group"))], function (_initialize, _StableSelectorMixin) {
   var DDSCardGroup = /*#__PURE__*/function (_StableSelectorMixin2) {
     (0, _inherits2["default"])(DDSCardGroup, _StableSelectorMixin2);
     var _super = _createSuper(DDSCardGroup);