npm - @carbon/ibmdotcom-web-components - Versions diffs - 2.25.0 → 2.26.0-rc.0 - Mend

@carbon/ibmdotcom-web-components 2.25.0 → 2.26.0-rc.0

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 (80) hide show

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

@@ -11,7 +11,8 @@ let _ = t => t,
   _t7,
   _t8,
   _t9,
-  _t10;
+  _t10,
+  _t11;
 function _superPropGet(t, e, r, o) { var p = _get(_getPrototypeOf(1 & o ? t.prototype : t), e, r); return 2 & o ? function (t) { return p.apply(r, t); } : p; }
 /**
  * @license
@@ -26,7 +27,7 @@ import { property } from 'lit/decorators.js';
 import settings from '@carbon/ibmdotcom-utilities/es/utilities/settings/settings.js';
 import styles from "././quote.css.js";
 import StableSelectorMixin from "../../globals/mixins/stable-selector.js";
-import { QUOTE_TYPES } from "./defs.js";
+import { APPEARANCE, QUOTE_TYPES } from "./defs.js";
 import "../horizontal-rule/horizontal-rule.js";
 import { carbonElement as customElement } from '@carbon/web-components/es/globals/decorators/carbon-element.js';
 import LocaleAPI from '@carbon/ibmdotcom-services/es/services/Locale/Locale.js';
@@ -91,6 +92,16 @@ let C4DQuote = _decorate([customElement(`${c4dPrefix}-quote`)], function (_initi
       })],
       key: "lc",
       value: void 0
+    }, {
+      kind: "field",
+      decorators: [property({
+        reflect: true,
+        attribute: 'appearance'
+      })],
+      key: "appearance",
+      value() {
+        return APPEARANCE.DEFAULT;
+      }
     }, {
       kind: "field",
       key: "_hasSourceHeading",
@@ -130,6 +141,10 @@ let C4DQuote = _decorate([customElement(`${c4dPrefix}-quote`)], function (_initi
        * `corner-bracket`: `「 」`;
        */
+      // Options: 'legacy' (default), 'card', 'bubble-quote' (last two are mobile only)
+      // 'legacy' (default)
       /**
        * `true` if there is source heading.
        */
@@ -173,131 +188,179 @@ let C4DQuote = _decorate([customElement(`${c4dPrefix}-quote`)], function (_initi
       }
     }, {
       kind: "method",
-      key: "_renderQuote",
-      value: function _renderQuote() {
+      key: "_getQuoteMarks",
+      value: function _getQuoteMarks() {
         switch (this.markType) {
           case QUOTE_TYPES.SINGLE_CURVED:
-            return html(_t || (_t = _`
-          <span class="${0}--quote__mark" part="mark mark--opening"
-            >‘</span
-          >
-          <blockquote class="${0}--quote__copy" part="copy">
-            <slot></slot
-            ><span
-              class="${0}--quote__mark-closing"
-              part="mark mark--closing"
-              >’</span
-            >
-          </blockquote>
-        `), prefix, prefix, prefix);
+            return {
+              open: '‘',
+              close: '’'
+            };
           case QUOTE_TYPES.DOUBLE_ANGLE:
-            return html(_t2 || (_t2 = _`
-          <span class="${0}--quote__mark" part="mark mark--opening"
-            >«</span
-          >
-          <blockquote class="${0}--quote__copy" part="copy">
-            <slot></slot
-            ><span
-              class="${0}--quote__mark-closing"
-              part="mark mark--closing"
-              >»</span
-            >
-          </blockquote>
-        `), prefix, prefix, prefix);
+            return {
+              open: '«',
+              close: '»'
+            };
           case QUOTE_TYPES.SINGLE_ANGLE:
-            return html(_t3 || (_t3 = _`
-          <span class="${0}--quote__mark" part="mark mark--opening"
-            >‹</span
-          >
-          <blockquote class="${0}--quote__copy" part="copy">
-            <slot></slot
-            ><span
-              class="${0}--quote__mark-closing"
-              part="mark mark--closing"
-              >›</span
-            >
-          </blockquote>
-        `), prefix, prefix, prefix);
+            return {
+              open: '‹',
+              close: '›'
+            };
           case QUOTE_TYPES.LOW_HIGH_REVERSED_DOUBLE_CURVED:
-            return html(_t4 || (_t4 = _`
-          <span class="${0}--quote__mark" part="mark mark--opening"
-            >„</span
-          >
-          <blockquote class="${0}--quote__copy" part="copy">
-            <slot></slot
-            ><span
-              class="${0}--quote__mark-closing"
-              part="mark mark--closing"
-              >“</span
-            >
-          </blockquote>
-        `), prefix, prefix, prefix);
+            return {
+              open: '„',
+              close: '“'
+            };
           case QUOTE_TYPES.CORNER_BRACKET:
-            return html(_t5 || (_t5 = _`
-          <span
-            class="${0}--quote__mark ${0}--quote__mark-corner-bracket"
-            part="mark mark--opening"
-            >「</span
-          >
-          <blockquote class="${0}--quote__copy" part="copy">
-            <slot></slot
-            ><span
-              class="${0}--quote__mark-closing"
-              part="mark mark--closing"
-              >」</span
+            return {
+              open: '「',
+              close: '」'
+            };
+          case QUOTE_TYPES.DEFAULT:
+          default:
+            return {
+              open: this.lc !== 'ar' ? '“' : '”',
+              close: this.lc !== 'ar' ? '”' : '“'
+            };
+        }
+      }
+    }, {
+      kind: "method",
+      key: "_renderQuote",
+      value: function _renderQuote() {
+        // If the appearance is legacy (or not provided), use the original rendering logic
+        if (this.appearance === 'legacy') {
+          switch (this.markType) {
+            case QUOTE_TYPES.SINGLE_CURVED:
+              return html(_t || (_t = _`
+            <span class="${0}--quote__mark" part="mark mark--opening"
+              >‘</span
             >
-          </blockquote>
-        `), prefix, prefix, prefix, prefix);
-          case QUOTE_TYPES.BUBBLE_QUOTE:
-            return html(_t6 || (_t6 = _`
-          <span class="${0}--quote__mark" part="mark mark--opening">
-            ${0}
-          </span>
-          <blockquote
-            class="${0}--quote__copy ${0}-bubble-quote"
-            part="copy">
-            <slot></slot>
-            <svg
-              width="47"
-              height="37"
-              viewBox="0 0 47 37"
-              fill="none"
-              xmlns="http://www.w3.org/2000/svg"
-              class="bubble-pointer"
-              part="bubble-pointer-svg">
-              <path
-                d="M4 31.84V4.5C4 2.29086 2.20914 0.5 0 0.5V0H46.6569V0.5C45.596 0.5 44.5786 0.919855 43.8284 1.67L10.8284 34.67C8.30857 37.1899 4 35.4036 4 31.84Z"
-                fill="#F4F4F4"
-                class="bubble-pointer-fill"
-                part="bubble-pointer-fill-svg" />
-              <path
-                d="M0 0.5C2.20914 0.5 4 2.29086 4 4.5V31.84C4 35.4036 8.30857 37.1899 10.8284 34.67L43.8284 1.67C44.5786 0.919855 45.596 0.5 46.6569 0.5"
-                stroke="#8D8D8D"
-                class="bubble-pointer-stroke"
-                part="bubble-pointer-stroke-svg" />
-            </svg>
-            <span
-              class="${0}--quote__mark-closing"
-              part="mark mark--closing"
-              >${0}</span
+            <blockquote class="${0}--quote__copy" part="copy">
+              <slot></slot>
+              <span
+                class="${0}--quote__mark-closing"
+                part="mark mark--closing"
+                >’</span
+              >
+            </blockquote>
+          `), prefix, prefix, prefix);
+            case QUOTE_TYPES.DOUBLE_ANGLE:
+              return html(_t2 || (_t2 = _`
+            <span class="${0}--quote__mark" part="mark mark--opening"
+              >«</span
             >
-          </blockquote>
-        `), prefix, this.lc !== 'ar' ? '“' : '”', prefix, prefix, prefix, this.lc !== 'ar' ? '”' : '“');
-          default:
-            return html(_t7 || (_t7 = _`
-          <span class="${0}--quote__mark" part="mark mark--opening"
-            >${0}</span
-          >
-          <blockquote class="${0}--quote__copy" part="copy">
-            <slot></slot
-            ><span
-              class="${0}--quote__mark-closing"
-              part="mark mark--closing"
-              >${0}</span
+            <blockquote class="${0}--quote__copy" part="copy">
+              <slot></slot>
+              <span
+                class="${0}--quote__mark-closing"
+                part="mark mark--closing"
+                >»</span
+              >
+            </blockquote>
+          `), prefix, prefix, prefix);
+            case QUOTE_TYPES.SINGLE_ANGLE:
+              return html(_t3 || (_t3 = _`
+            <span class="${0}--quote__mark" part="mark mark--opening"
+              >‹</span
+            >
+            <blockquote class="${0}--quote__copy" part="copy">
+              <slot></slot>
+              <span
+                class="${0}--quote__mark-closing"
+                part="mark mark--closing"
+                >›</span
+              >
+            </blockquote>
+          `), prefix, prefix, prefix);
+            case QUOTE_TYPES.LOW_HIGH_REVERSED_DOUBLE_CURVED:
+              return html(_t4 || (_t4 = _`
+            <span class="${0}--quote__mark" part="mark mark--opening"
+              >„</span
             >
-          </blockquote>
-        `), prefix, this.lc !== 'ar' ? '“' : '”', prefix, prefix, this.lc !== 'ar' ? '”' : '“');
+            <blockquote class="${0}--quote__copy" part="copy">
+              <slot></slot>
+              <span
+                class="${0}--quote__mark-closing"
+                part="mark mark--closing"
+                >“</span
+              >
+            </blockquote>
+          `), prefix, prefix, prefix);
+            case QUOTE_TYPES.CORNER_BRACKET:
+              return html(_t5 || (_t5 = _`
+            <span
+              class="${0}--quote__mark ${0}--quote__mark-corner-bracket"
+              part="mark mark--opening">
+              「
+            </span>
+            <blockquote class="${0}--quote__copy" part="copy">
+              <slot></slot>
+              <span
+                class="${0}--quote__mark-closing"
+                part="mark mark--closing"
+                >」</span
+              >
+            </blockquote>
+          `), prefix, prefix, prefix, prefix);
+            default:
+              return html(_t6 || (_t6 = _`
+            <span class="${0}--quote__mark" part="mark mark--opening">
+              ${0}
+            </span>
+            <blockquote class="${0}--quote__copy" part="copy">
+              <slot></slot>
+              <span
+                class="${0}--quote__mark-closing"
+                part="mark mark--closing">
+                ${0}
+              </span>
+            </blockquote>
+          `), prefix, this.lc !== 'ar' ? '“' : '”', prefix, prefix, this.lc !== 'ar' ? '”' : '“');
+          }
+        }
+        // For the appearances "card" and "bubble-quote"
+        else if (this.appearance === 'card' || this.appearance === 'bubble-quote') {
+          const marks = this._getQuoteMarks();
+          return html(_t7 || (_t7 = _`
+        <span class="${0}--quote__mark" part="mark mark--opening">
+          ${0}
+        </span>
+        <blockquote
+          class="${0}--quote__copy ${0}"
+          part="copy">
+          <slot></slot>
+          ${0}
+          <span
+            class="${0}--quote__mark-closing"
+            part="mark mark--closing">
+            ${0}
+          </span>
+        </blockquote>
+      `), prefix, marks.open, prefix, this.appearance === 'bubble-quote' || this.appearance === 'card' ? `${prefix}-bubble-quote` : '', this.appearance === 'bubble-quote' ? html(_t8 || (_t8 = _`
+                <svg
+                  width="47"
+                  height="37"
+                  viewBox="0 0 47 37"
+                  fill="none"
+                  xmlns="http://www.w3.org/2000/svg"
+                  class="bubble-pointer"
+                  part="bubble-pointer-svg">
+                  <path
+                    d="M4 31.84V4.5C4 2.29086 2.20914 0.5 0 0.5V0H46.6569V0.5C45.596 0.5 44.5786 0.919855 43.8284 1.67L10.8284 34.67C8.30857 37.1899 4 35.4036 4 31.84Z"
+                    fill="#F4F4F4"
+                    class="bubble-pointer-fill"
+                    part="bubble-pointer-fill-svg" />
+                  <path
+                    d="M0 0.5C2.20914 0.5 4 2.29086 4 4.5V31.84C4 35.4036 8.30857 37.1899 10.8284 34.67L43.8284 1.67C44.5786 0.919855 45.596 0.5 46.6569 0.5"
+                    stroke="#8D8D8D"
+                    class="bubble-pointer-stroke"
+                    part="bubble-pointer-stroke-svg" />
+                </svg>
+              `)) : '', prefix, marks.close);
         }
+        // Ensure all code paths return a value
+        return null;
       }
     }, {
       kind: "method",
@@ -308,7 +371,7 @@ let C4DQuote = _decorate([customElement(`${c4dPrefix}-quote`)], function (_initi
           _hasSourceCopy: hasSourceCopy,
           _handleSlotChange: handleSlotChange
         } = this;
-        return html(_t8 || (_t8 = _`
+        return html(_t9 || (_t9 = _`
       <div
         ?hidden="${0}"
         class="${0}--quote__source"
@@ -329,7 +392,7 @@ let C4DQuote = _decorate([customElement(`${c4dPrefix}-quote`)], function (_initi
           _hasFooter: hasFooter,
           _handleSlotChange: handleSlotChange
         } = this;
-        return html(_t9 || (_t9 = _`
+        return html(_t10 || (_t10 = _`
       <div
         ?hidden="${0}"
         class="${0}--quote__footer"
@@ -343,7 +406,7 @@ let C4DQuote = _decorate([customElement(`${c4dPrefix}-quote`)], function (_initi
       kind: "method",
       key: "render",
       value: function render() {
-        return html(_t10 || (_t10 = _`
+        return html(_t11 || (_t11 = _`
       <div class="${0}--quote__container" part="container">
         <div class="${0}--quote__wrapper" part="wrapper">
           ${0}${0}${0}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"quote.js","names":["LitElement","html","property","settings","styles","StableSelectorMixin","QUOTE_TYPES","carbonElement","customElement","LocaleAPI","prefix","stablePrefix","c4dPrefix","slotExistencePropertyNames","footer","C4DQuote","_decorate","_initialize","_StableSelectorMixin","constructor","args","F","d","kind","decorators","reflect","attribute","key","value","DEFAULT","connectedCallback","_superPropGet","getLang","then","lc","_handleSlotChange","target","name","hasContent","assignedNodes","some","node","nodeType","Node","TEXT_NODE","textContent","trim","requestUpdate","_renderQuote","markType","SINGLE_CURVED","_t","_","DOUBLE_ANGLE","_t2","SINGLE_ANGLE","_t3","LOW_HIGH_REVERSED_DOUBLE_CURVED","_t4","CORNER_BRACKET","_t5","BUBBLE_QUOTE","_t6","_t7","_renderSource","_hasSourceHeading","hasSourceHeading","_hasSourceCopy","hasSourceCopy","handleSlotChange","_t8","_renderFooter","_hasFooter","hasFooter","_t9","render","_t10","static"],"sources":["components/quote/quote.ts"],"sourcesContent":["/*\n @license\n \n Copyright IBM Corp. 2020, 2025\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 { LitElement, html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport settings from '@carbon/ibmdotcom-utilities/es/utilities/settings/settings.js';\nimport styles from './quote.scss';\nimport StableSelectorMixin from '../../globals/mixins/stable-selector';\nimport { QUOTE_TYPES } from './defs';\nimport '../horizontal-rule/horizontal-rule';\nimport { carbonElement as customElement } from '@carbon/web-components/es/globals/decorators/carbon-element.js';\nimport LocaleAPI from '@carbon/ibmdotcom-services/es/services/Locale/Locale.js';\n\nexport { QUOTE_TYPES };\n\nconst { prefix, stablePrefix: c4dPrefix } = settings;\n\nconst slotExistencePropertyNames = {\n 'source-heading': '_hasSourceHeading',\n 'source-copy': '_hasSourceCopy',\n 'source-bottom-copy': '_hasSourceBottomCopy',\n footer: '_hasFooter',\n};\n\n/\n Quote.\n \n @element c4d-quote\n * @slot copy - The copy content.\n * @slot footer - The footer (CTA) content.\n * @slot source-heading - The heading content of the quote source.\n * @slot source-copy - The copy content of the quote source.\n * @slot source-bottom-copy - The copy content of the quote source placed at the bottom.\n * @csspart mark - Quote mark. Usage `c4d-quote::part(mark)`\n * @csspart mark--opening - Opening quote mark. Usage `c4d-quote::part(mark--opening)`\n * @csspart mark--closing - Closing quote mark. Usage `c4d-quote::part(mark--closing)`\n * @csspart copy - Quote body copy. Usage `c4d-quote::part(copy)`\n * @csspart source - Quote source slot. Usage `c4d-quote::part(source)`\n * @csspart footer - Quote footer. Usage `c4d-quote::part(footer)`\n * @csspart container - Quote container. Usage `c4d-quote::part(container)`\n * @csspart wrapper - Quote wrapper. Usage `c4d-quote::part(wrapper)`\n * @csspart hr - Horizontal rule. Usage `c4d-quote::part(wrapper)`\n * @csspart bubble-pointer-svg - The bubble quote variation pointer. Usage `c4d-quote::part(bubble-pointer-svg)`\n * @csspart bubble-pointer-fill-svg - The fill color of the pointer. Usage `c4d-quote::part(bubble-pointer-fill-svg)`\n * @csspart bubble-pointer-stroke-svg - The stroke color of the pointer. Usage `c4d-quote::part(bubble-pointer-stroke-svg)`\n /\n@customElement(`${c4dPrefix}-quote`)\nclass C4DQuote extends StableSelectorMixin(LitElement) {\n /\n Defines rendered quote mark style\n * styles:\n * `double-curved`: `“ ”`;\n * `single-curved`: `‘ ’`;\n * `single-angle`: `‹ ›`;\n * `double-angle`: `« »`;\n * `low-high-reversed-double-curved`: `„ “`;\n * `corner-bracket`: `「」`;\n /\n @property({ reflect: true, attribute: 'mark-type' })\n markType = QUOTE_TYPES.DEFAULT;\n\n @property({ reflect: true, attribute: 'lang' })\n lc;\n\n /\n `true` if there is source heading.\n /\n protected _hasSourceHeading = false;\n\n /\n `true` if there is source copy.\n /\n protected _hasSourceCopy = false;\n\n /\n `true` if there is source bottom copy.\n /\n protected _hasSourceBottomCopy = false;\n\n /\n `true` if there is cta.\n /\n protected _hasFooter = false;\n\n /\n Handles `slotchange` event.\n /\n\n connectedCallback() {\n super.connectedCallback();\n LocaleAPI.getLang().then(({ lc }) => {\n this.lc = lc;\n });\n }\n\n protected _handleSlotChange({ target }: Event) {\n const { name } = target as HTMLSlotElement;\n const hasContent = (target as HTMLSlotElement)\n .assignedNodes()\n .some(\n (node) => node.nodeType !== Node.TEXT_NODE \|\| node!.textContent!.trim()\n );\n this[slotExistencePropertyNames[name]] = hasContent;\n this.requestUpdate();\n }\n\n protected _renderQuote() {\n switch (this.markType) {\n case QUOTE_TYPES.SINGLE_CURVED:\n return html`\n <span class=\"${prefix}--quote__mark\" part=\"mark mark--opening\"\n >‘</span\n >\n <blockquote class=\"${prefix}--quote__copy\" part=\"copy\">\n <slot></slot\n ><span\n class=\"${prefix}--quote__mark-closing\"\n part=\"mark mark--closing\"\n >’</span\n >\n </blockquote>\n `;\n case QUOTE_TYPES.DOUBLE_ANGLE:\n return html`\n <span class=\"${prefix}--quote__mark\" part=\"mark mark--opening\"\n >«</span\n >\n <blockquote class=\"${prefix}--quote__copy\" part=\"copy\">\n <slot></slot\n ><span\n class=\"${prefix}--quote__mark-closing\"\n part=\"mark mark--closing\"\n >»</span\n >\n </blockquote>\n `;\n case QUOTE_TYPES.SINGLE_ANGLE:\n return html`\n <span class=\"${prefix}--quote__mark\" part=\"mark mark--opening\"\n >‹</span\n >\n <blockquote class=\"${prefix}--quote__copy\" part=\"copy\">\n <slot></slot\n ><span\n class=\"${prefix}--quote__mark-closing\"\n part=\"mark mark--closing\"\n >›</span\n >\n </blockquote>\n `;\n case QUOTE_TYPES.LOW_HIGH_REVERSED_DOUBLE_CURVED:\n return html`\n <span class=\"${prefix}--quote__mark\" part=\"mark mark--opening\"\n >„</span\n >\n <blockquote class=\"${prefix}--quote__copy\" part=\"copy\">\n <slot></slot\n ><span\n class=\"${prefix}--quote__mark-closing\"\n part=\"mark mark--closing\"\n >“</span\n >\n </blockquote>\n `;\n case QUOTE_TYPES.CORNER_BRACKET:\n return html`\n <span\n class=\"${prefix}--quote__mark ${prefix}--quote__mark-corner-bracket\"\n part=\"mark mark--opening\"\n >「</span\n >\n <blockquote class=\"${prefix}--quote__copy\" part=\"copy\">\n <slot></slot\n ><span\n class=\"${prefix}--quote__mark-closing\"\n part=\"mark mark--closing\"\n >」</span\n >\n </blockquote>\n `;\n case QUOTE_TYPES.BUBBLE_QUOTE:\n return html`\n <span class=\"${prefix}--quote__mark\" part=\"mark mark--opening\">\n ${this.lc !== 'ar' ? '“' : '”'}\n </span>\n <blockquote\n class=\"${prefix}--quote__copy ${prefix}-bubble-quote\"\n part=\"copy\">\n <slot></slot>\n <svg\n width=\"47\"\n height=\"37\"\n viewBox=\"0 0 47 37\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n class=\"bubble-pointer\"\n part=\"bubble-pointer-svg\">\n <path\n d=\"M4 31.84V4.5C4 2.29086 2.20914 0.5 0 0.5V0H46.6569V0.5C45.596 0.5 44.5786 0.919855 43.8284 1.67L10.8284 34.67C8.30857 37.1899 4 35.4036 4 31.84Z\"\n fill=\"#F4F4F4\"\n class=\"bubble-pointer-fill\"\n part=\"bubble-pointer-fill-svg\" />\n <path\n d=\"M0 0.5C2.20914 0.5 4 2.29086 4 4.5V31.84C4 35.4036 8.30857 37.1899 10.8284 34.67L43.8284 1.67C44.5786 0.919855 45.596 0.5 46.6569 0.5\"\n stroke=\"#8D8D8D\"\n class=\"bubble-pointer-stroke\"\n part=\"bubble-pointer-stroke-svg\" />\n </svg>\n <span\n class=\"${prefix}--quote__mark-closing\"\n part=\"mark mark--closing\"\n >${this.lc !== 'ar' ? '”' : '“'}</span\n >\n </blockquote>\n `;\n default:\n return html`\n <span class=\"${prefix}--quote__mark\" part=\"mark mark--opening\"\n >${this.lc !== 'ar' ? '“' : '”'}</span\n >\n <blockquote class=\"${prefix}--quote__copy\" part=\"copy\">\n <slot></slot\n ><span\n class=\"${prefix}--quote__mark-closing\"\n part=\"mark mark--closing\"\n >${this.lc !== 'ar' ? '”' : '“'}</span\n >\n </blockquote>\n `;\n }\n }\n\n protected _renderSource() {\n const {\n _hasSourceHeading: hasSourceHeading,\n _hasSourceCopy: hasSourceCopy,\n _handleSlotChange: handleSlotChange,\n } = this;\n return html`\n <div\n ?hidden=\"${!hasSourceHeading \|\| !hasSourceCopy}\"\n class=\"${prefix}--quote__source\"\n part=\"source\">\n <slot @slotchange=\"${handleSlotChange}\" name=\"source-heading\"></slot>\n <slot @slotchange=\"${handleSlotChange}\" name=\"source-copy\"></slot>\n <slot\n @slotchange=\"${handleSlotChange}\"\n name=\"source-bottom-copy\"></slot>\n </div>\n `;\n }\n\n protected _renderFooter() {\n const { _hasFooter: hasFooter, _handleSlotChange: handleSlotChange } = this;\n return html`\n <div\n ?hidden=\"${!hasFooter}\"\n class=\"${prefix}--quote__footer\"\n part=\"footer\">\n <c4d-hr part=\"hr\"></c4d-hr>\n <slot name=\"footer\" @slotchange=\"${handleSlotChange}\"></slot>\n </div>\n `;\n }\n\n render() {\n return html`\n <div class=\"${prefix}--quote__container\" part=\"container\">\n <div class=\"${prefix}--quote__wrapper\" part=\"wrapper\">\n ${this._renderQuote()}${this._renderSource()}${this._renderFooter()}\n </div>\n </div>\n `;\n }\n\n static get stableSelector() {\n return `${c4dPrefix}--quote`;\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 C4DQuote;\n"],"mappings":"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","ignoreList":[]}
1	+ {"version":3,"file":"quote.js","names":["LitElement","html","property","settings","styles","StableSelectorMixin","APPEARANCE","QUOTE_TYPES","carbonElement","customElement","LocaleAPI","prefix","stablePrefix","c4dPrefix","slotExistencePropertyNames","footer","C4DQuote","_decorate","_initialize","_StableSelectorMixin","constructor","args","F","d","kind","decorators","reflect","attribute","key","value","DEFAULT","connectedCallback","_superPropGet","getLang","then","lc","_handleSlotChange","target","name","hasContent","assignedNodes","some","node","nodeType","Node","TEXT_NODE","textContent","trim","requestUpdate","_getQuoteMarks","markType","SINGLE_CURVED","open","close","DOUBLE_ANGLE","SINGLE_ANGLE","LOW_HIGH_REVERSED_DOUBLE_CURVED","CORNER_BRACKET","_renderQuote","appearance","_t","_","_t2","_t3","_t4","_t5","_t6","marks","_t7","_t8","_renderSource","_hasSourceHeading","hasSourceHeading","_hasSourceCopy","hasSourceCopy","handleSlotChange","_t9","_renderFooter","_hasFooter","hasFooter","_t10","render","_t11","static"],"sources":["components/quote/quote.ts"],"sourcesContent":["/*\n @license\n \n Copyright IBM Corp. 2020, 2025\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 { LitElement, html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport settings from '@carbon/ibmdotcom-utilities/es/utilities/settings/settings.js';\nimport styles from './quote.scss';\nimport StableSelectorMixin from '../../globals/mixins/stable-selector';\nimport { APPEARANCE, QUOTE_TYPES } from './defs';\nimport '../horizontal-rule/horizontal-rule';\nimport { carbonElement as customElement } from '@carbon/web-components/es/globals/decorators/carbon-element.js';\nimport LocaleAPI from '@carbon/ibmdotcom-services/es/services/Locale/Locale.js';\n\nexport { QUOTE_TYPES };\n\nconst { prefix, stablePrefix: c4dPrefix } = settings;\n\nconst slotExistencePropertyNames = {\n 'source-heading': '_hasSourceHeading',\n 'source-copy': '_hasSourceCopy',\n 'source-bottom-copy': '_hasSourceBottomCopy',\n footer: '_hasFooter',\n};\n\n/\n Quote.\n \n @element c4d-quote\n * @slot copy - The copy content.\n * @slot footer - The footer (CTA) content.\n * @slot source-heading - The heading content of the quote source.\n * @slot source-copy - The copy content of the quote source.\n * @slot source-bottom-copy - The copy content of the quote source placed at the bottom.\n * @csspart mark - Quote mark. Usage `c4d-quote::part(mark)`\n * @csspart mark--opening - Opening quote mark. Usage `c4d-quote::part(mark--opening)`\n * @csspart mark--closing - Closing quote mark. Usage `c4d-quote::part(mark--closing)`\n * @csspart copy - Quote body copy. Usage `c4d-quote::part(copy)`\n * @csspart source - Quote source slot. Usage `c4d-quote::part(source)`\n * @csspart footer - Quote footer. Usage `c4d-quote::part(footer)`\n * @csspart container - Quote container. Usage `c4d-quote::part(container)`\n * @csspart wrapper - Quote wrapper. Usage `c4d-quote::part(wrapper)`\n * @csspart hr - Horizontal rule. Usage `c4d-quote::part(wrapper)`\n * @csspart bubble-pointer-svg - The bubble quote variation pointer. Usage `c4d-quote::part(bubble-pointer-svg)`\n * @csspart bubble-pointer-fill-svg - The fill color of the pointer. Usage `c4d-quote::part(bubble-pointer-fill-svg)`\n * @csspart bubble-pointer-stroke-svg - The stroke color of the pointer. Usage `c4d-quote::part(bubble-pointer-stroke-svg)`\n /\n@customElement(`${c4dPrefix}-quote`)\nclass C4DQuote extends StableSelectorMixin(LitElement) {\n /\n Defines rendered quote mark style\n * styles:\n * `double-curved`: `“ ”`;\n * `single-curved`: `‘ ’`;\n * `single-angle`: `‹ ›`;\n * `double-angle`: `« »`;\n * `low-high-reversed-double-curved`: `„ “`;\n * `corner-bracket`: `「」`;\n /\n @property({ reflect: true, attribute: 'mark-type' })\n markType = QUOTE_TYPES.DEFAULT;\n\n @property({ reflect: true, attribute: 'lang' })\n lc;\n\n // Options: 'legacy' (default), 'card', 'bubble-quote' (last two are mobile only)\n @property({ reflect: true, attribute: 'appearance' })\n appearance = APPEARANCE.DEFAULT; // 'legacy' (default)\n\n /\n `true` if there is source heading.\n /\n protected _hasSourceHeading = false;\n\n /\n `true` if there is source copy.\n /\n protected _hasSourceCopy = false;\n\n /\n `true` if there is source bottom copy.\n /\n protected _hasSourceBottomCopy = false;\n\n /\n `true` if there is cta.\n /\n protected _hasFooter = false;\n\n /\n Handles `slotchange` event.\n /\n\n connectedCallback() {\n super.connectedCallback();\n LocaleAPI.getLang().then(({ lc }) => {\n this.lc = lc;\n });\n }\n\n protected _handleSlotChange({ target }: Event) {\n const { name } = target as HTMLSlotElement;\n const hasContent = (target as HTMLSlotElement)\n .assignedNodes()\n .some(\n (node) => node.nodeType !== Node.TEXT_NODE \|\| node!.textContent!.trim()\n );\n this[slotExistencePropertyNames[name]] = hasContent;\n this.requestUpdate();\n }\n\n protected _getQuoteMarks(): { open: string; close: string } {\n switch (this.markType) {\n case QUOTE_TYPES.SINGLE_CURVED:\n return { open: '‘', close: '’' };\n case QUOTE_TYPES.DOUBLE_ANGLE:\n return { open: '«', close: '»' };\n case QUOTE_TYPES.SINGLE_ANGLE:\n return { open: '‹', close: '›' };\n case QUOTE_TYPES.LOW_HIGH_REVERSED_DOUBLE_CURVED:\n return { open: '„', close: '“' };\n case QUOTE_TYPES.CORNER_BRACKET:\n return { open: '「', close: '」' };\n case QUOTE_TYPES.DEFAULT:\n default:\n return {\n open: this.lc !== 'ar' ? '“' : '”',\n close: this.lc !== 'ar' ? '”' : '“',\n };\n }\n }\n\n protected _renderQuote() {\n // If the appearance is legacy (or not provided), use the original rendering logic\n if (this.appearance === 'legacy') {\n switch (this.markType) {\n case QUOTE_TYPES.SINGLE_CURVED:\n return html`\n <span class=\"${prefix}--quote__mark\" part=\"mark mark--opening\"\n >‘</span\n >\n <blockquote class=\"${prefix}--quote__copy\" part=\"copy\">\n <slot></slot>\n <span\n class=\"${prefix}--quote__mark-closing\"\n part=\"mark mark--closing\"\n >’</span\n >\n </blockquote>\n `;\n case QUOTE_TYPES.DOUBLE_ANGLE:\n return html`\n <span class=\"${prefix}--quote__mark\" part=\"mark mark--opening\"\n >«</span\n >\n <blockquote class=\"${prefix}--quote__copy\" part=\"copy\">\n <slot></slot>\n <span\n class=\"${prefix}--quote__mark-closing\"\n part=\"mark mark--closing\"\n >»</span\n >\n </blockquote>\n `;\n case QUOTE_TYPES.SINGLE_ANGLE:\n return html`\n <span class=\"${prefix}--quote__mark\" part=\"mark mark--opening\"\n >‹</span\n >\n <blockquote class=\"${prefix}--quote__copy\" part=\"copy\">\n <slot></slot>\n <span\n class=\"${prefix}--quote__mark-closing\"\n part=\"mark mark--closing\"\n >›</span\n >\n </blockquote>\n `;\n case QUOTE_TYPES.LOW_HIGH_REVERSED_DOUBLE_CURVED:\n return html`\n <span class=\"${prefix}--quote__mark\" part=\"mark mark--opening\"\n >„</span\n >\n <blockquote class=\"${prefix}--quote__copy\" part=\"copy\">\n <slot></slot>\n <span\n class=\"${prefix}--quote__mark-closing\"\n part=\"mark mark--closing\"\n >“</span\n >\n </blockquote>\n `;\n case QUOTE_TYPES.CORNER_BRACKET:\n return html`\n <span\n class=\"${prefix}--quote__mark ${prefix}--quote__mark-corner-bracket\"\n part=\"mark mark--opening\">\n 「\n </span>\n <blockquote class=\"${prefix}--quote__copy\" part=\"copy\">\n <slot></slot>\n <span\n class=\"${prefix}--quote__mark-closing\"\n part=\"mark mark--closing\"\n >」</span\n >\n </blockquote>\n `;\n default:\n return html`\n <span class=\"${prefix}--quote__mark\" part=\"mark mark--opening\">\n ${this.lc !== 'ar' ? '“' : '”'}\n </span>\n <blockquote class=\"${prefix}--quote__copy\" part=\"copy\">\n <slot></slot>\n <span\n class=\"${prefix}--quote__mark-closing\"\n part=\"mark mark--closing\">\n ${this.lc !== 'ar' ? '”' : '“'}\n </span>\n </blockquote>\n `;\n }\n }\n // For the appearances \"card\" and \"bubble-quote\"\n else if (this.appearance === 'card' \|\| this.appearance === 'bubble-quote') {\n const marks = this._getQuoteMarks();\n return html`\n <span class=\"${prefix}--quote__mark\" part=\"mark mark--opening\">\n ${marks.open}\n </span>\n <blockquote\n class=\"${prefix}--quote__copy ${this.appearance === 'bubble-quote' \|\|\n this.appearance === 'card'\n ? `${prefix}-bubble-quote`\n : ''}\"\n part=\"copy\">\n <slot></slot>\n ${this.appearance === 'bubble-quote'\n ? html`\n <svg\n width=\"47\"\n height=\"37\"\n viewBox=\"0 0 47 37\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n class=\"bubble-pointer\"\n part=\"bubble-pointer-svg\">\n <path\n d=\"M4 31.84V4.5C4 2.29086 2.20914 0.5 0 0.5V0H46.6569V0.5C45.596 0.5 44.5786 0.919855 43.8284 1.67L10.8284 34.67C8.30857 37.1899 4 35.4036 4 31.84Z\"\n fill=\"#F4F4F4\"\n class=\"bubble-pointer-fill\"\n part=\"bubble-pointer-fill-svg\" />\n <path\n d=\"M0 0.5C2.20914 0.5 4 2.29086 4 4.5V31.84C4 35.4036 8.30857 37.1899 10.8284 34.67L43.8284 1.67C44.5786 0.919855 45.596 0.5 46.6569 0.5\"\n stroke=\"#8D8D8D\"\n class=\"bubble-pointer-stroke\"\n part=\"bubble-pointer-stroke-svg\" />\n </svg>\n `\n : ''}\n <span\n class=\"${prefix}--quote__mark-closing\"\n part=\"mark mark--closing\">\n ${marks.close}\n </span>\n </blockquote>\n `;\n }\n // Ensure all code paths return a value\n return null;\n }\n\n protected _renderSource() {\n const {\n _hasSourceHeading: hasSourceHeading,\n _hasSourceCopy: hasSourceCopy,\n _handleSlotChange: handleSlotChange,\n } = this;\n return html`\n <div\n ?hidden=\"${!hasSourceHeading \|\| !hasSourceCopy}\"\n class=\"${prefix}--quote__source\"\n part=\"source\">\n <slot @slotchange=\"${handleSlotChange}\" name=\"source-heading\"></slot>\n <slot @slotchange=\"${handleSlotChange}\" name=\"source-copy\"></slot>\n <slot\n @slotchange=\"${handleSlotChange}\"\n name=\"source-bottom-copy\"></slot>\n </div>\n `;\n }\n\n protected _renderFooter() {\n const { _hasFooter: hasFooter, _handleSlotChange: handleSlotChange } = this;\n return html`\n <div\n ?hidden=\"${!hasFooter}\"\n class=\"${prefix}--quote__footer\"\n part=\"footer\">\n <c4d-hr part=\"hr\"></c4d-hr>\n <slot name=\"footer\" @slotchange=\"${handleSlotChange}\"></slot>\n </div>\n `;\n }\n\n render() {\n return html`\n <div class=\"${prefix}--quote__container\" part=\"container\">\n <div class=\"${prefix}--quote__wrapper\" part=\"wrapper\">\n ${this._renderQuote()}${this._renderSource()}${this._renderFooter()}\n </div>\n </div>\n `;\n }\n\n static get stableSelector() {\n return `${c4dPrefix}--quote`;\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 C4DQuote;\n"],"mappings":"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","ignoreList":[]}