@carbon/ibm-products-web-components 0.35.0 → 0.36.0

package/es/components/about-modal/about-modal.scss.js.map

@@ -1 +1 @@
-{"version":3,"file":"about-modal.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;"}
+{"version":3,"file":"about-modal.scss.js","names":[],"sources":["../../../src/components/about-modal/about-modal.scss?lit"],"sourcesContent":["/*\n* Copyright IBM Corp. 2025, 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*/\n\n$css--plex: true !default;\n\n/* Other Carbon settings. */\n@use '@carbon/styles' as styles;\n@use '@carbon/styles/scss/reset';\n@use '@carbon/styles/scss/breakpoint' as *;\n@use '@carbon/styles/scss/config' as carbon-config;\n@use '@carbon/styles/scss/motion' as *;\n@use '@carbon/styles/scss/spacing' as *;\n@use '@carbon/themes/scss/themes';\n@use '@carbon/styles/scss/theme' as *;\n@use '@carbon/styles/scss/type';\n@use '@carbon/styles/scss/utilities';\n@use '@carbon/styles/scss/utilities/ai-gradient' as *;\n@use '@carbon/styles/scss/components/modal' as *;\n@use '@carbon/styles/scss/utilities/convert' as *;\n@use 'sass:map';\n\n$prefix: 'c4p';\n\n@use '@carbon/ibm-products-styles/scss/components/AboutModal/index' as *;\n\n:host(#{$prefix}-about-modal) {\n  .#{$prefix}--about-modal__logo {\n    margin: $spacing-05 $spacing-05 $spacing-07 $spacing-05;\n  }\n  #{carbon-config.$prefix}-modal-header {\n    padding: 0 20% 0 $spacing-05;\n    grid-row: auto;\n    margin-block-end: 0;\n    overflow-y: visible;\n  }\n  #{carbon-config.$prefix}-modal-body {\n    @include type.type-style('body-compact-02');\n\n    overflow: hidden auto;\n    grid-row: auto;\n    min-block-size: $spacing-10;\n    padding-block-start: 0;\n    padding-inline: $spacing-05 20%;\n    &:not(.#{carbon-config.$prefix}--modal-scroll-content) {\n      margin-block-end: $spacing-06;\n      padding-block-end: 0;\n    }\n    &.#{carbon-config.$prefix}--modal-scroll-content {\n      padding-block-end: $spacing-06;\n    }\n  }\n\n  .#{carbon-config.$prefix}--modal-content--overflow-indicator {\n    background-image: linear-gradient(to bottom, #00000000, $layer-01);\n    inset-block-end: 0;\n  }\n\n  #{carbon-config.$prefix}-modal-heading {\n    @include type.type-style('heading-04');\n\n    color: $text-primary;\n    margin-block-end: $spacing-02;\n  }\n\n  .#{$prefix}--about-modal__version {\n    color: $text-secondary;\n  }\n\n  .#{$prefix}--about-modal__content,\n  .#{$prefix}--about-modal__copyright-text {\n    @include type.type-style('label-01');\n\n    color: $text-secondary;\n    margin-block: $spacing-06 0;\n  }\n\n  .#{$prefix}--about-modal__copyright-text {\n    margin-block-start: $spacing-05;\n  }\n\n  .#{$prefix}--about-modal__content:first-child,\n  .#{$prefix}--about-modal__copyright-text:first-child {\n    margin-block-start: $spacing-07;\n  }\n  #{carbon-config.$prefix}-link {\n    display: inline-flex;\n  }\n  .#{$prefix}--about-modal__links-container {\n    @include type.type-style('body-compact-01');\n\n    margin-block-start: $spacing-06;\n    #{carbon-config.$prefix}-link + #{carbon-config.$prefix}-link {\n      border-inline-start: 1px solid $border-strong-01;\n      margin-inline-start: $spacing-03;\n      padding-inline-start: $spacing-03;\n    }\n  }\n  #{carbon-config.$prefix}-modal-footer {\n    @include styles.theme(styles.$g100);\n\n    display: block;\n    padding: $spacing-05;\n    background-color: $layer-02;\n    block-size: auto;\n    .#{$prefix}--about-modal__footer-label {\n      @include type.type-style('label-01');\n\n      color: $text-secondary;\n      margin-block-end: $spacing-02;\n    }\n    .#{$prefix}--about-modal__footer--tech-logo {\n      block-size: $spacing-06;\n      inline-size: $spacing-06;\n      margin-inline-end: $spacing-03;\n      object-fit: contain;\n    }\n  }\n}\n"],"mappings":""}

package/es/components/about-modal/index.d.ts

@@ -7,3 +7,4 @@
  * LICENSE file in the root directory of this source tree.
  */
 import './about-modal';
+//# sourceMappingURL=index.d.ts.map

package/es/components/about-modal/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/about-modal/index.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,eAAe,CAAC"}

package/es/components/about-modal/index.js

@@ -1,9 +1,8 @@
 /**
- * Copyright IBM Corp. 2024
+ * Copyright IBM Corp. 2020, 2026
  *
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
  */
 
-import './about-modal.js';
-//# sourceMappingURL=index.js.map
+import "./about-modal.js";

package/es/components/big-number/big-number-skeleton.d.ts

@@ -20,3 +20,4 @@ declare class CDSBigNumberSkeleton extends LitElement {
     static styles: any;
 }
 export default CDSBigNumberSkeleton;
+//# sourceMappingURL=big-number-skeleton.d.ts.map

package/es/components/big-number/big-number-skeleton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"big-number-skeleton.d.ts","sourceRoot":"","sources":["../../../src/components/big-number/big-number-skeleton.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AACH,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAIvC,OAAO,6DAA6D,CAAC;AACrE,OAAO,oEAAoE,CAAC;AAG5E,OAAO,EAAiB,mBAAmB,EAAE,MAAM,aAAa,CAAC;AAKjE;;;GAGG;AAEH,cACM,oBAAqB,SAAQ,UAAU;IAE3C,IAAI,CAAC,EAAE,mBAAmB,CAAyB;IAEnD,MAAM;IAmBN,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,oBAAoB,CAAC"}

package/es/components/big-number/big-number-skeleton.js

@@ -1,56 +1,63 @@
 /**
- * Copyright IBM Corp. 2024
+ * Copyright IBM Corp. 2020, 2026
  *
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
  */
 
-import { __decorate } from 'tslib';
-import { LitElement, html } from 'lit';
-import { property } from 'lit/decorators.js';
-import { classMap } from 'lit/directives/class-map.js';
-import { carbonElement } from '@carbon/web-components/es/globals/decorators/carbon-element.js';
-import '@carbon/web-components/es/components/skeleton-text/index.js';
-import '@carbon/web-components/es/components/skeleton-placeholder/index.js';
-import { prefix } from '../../globals/settings.js';
-import { BigNumberSize } from './constants.js';
-import styles from './big-number-skeleton.scss.js';
+import { prefix } from "../../globals/settings.js";
+import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.112.0/helpers/decorate.js";
+import { BigNumberSize } from "./constants.js";
+import big_number_skeleton_default$1 from "./big-number-skeleton.scss.js";
+import { LitElement, html } from "lit";
+import { property } from "lit/decorators.js";
+import { carbonElement } from "@carbon/web-components/es/globals/decorators/carbon-element.js";
+import { classMap } from "lit/directives/class-map.js";
+import "@carbon/web-components/es/components/skeleton-text/index.js";
+import "@carbon/web-components/es/components/skeleton-placeholder/index.js";
 
+//#region src/components/big-number/big-number-skeleton.ts
+/**
+* @license
+*
+* Copyright IBM Corp. 2025
+*
+* This source code is licensed under the Apache-2.0 license found in the
+* LICENSE file in the root directory of this source tree.
+*/
 const blockClass = `${prefix}--big-number-skeleton`;
 /**
- * @element c4p-big-number-skeleton
- * Note: This component is only used within c4p-big-number. It displays a skeleton version while content is loading (handled by the c4p-big-number prop `loading').
- */
+* @element c4p-big-number-skeleton
+* Note: This component is only used within c4p-big-number. It displays a skeleton version while content is loading (handled by the c4p-big-number prop `loading').
+*/
 let CDSBigNumberSkeleton = class CDSBigNumberSkeleton extends LitElement {
-    constructor() {
-        super(...arguments);
-        this.size = BigNumberSize.Default;
-    }
-    render() {
-        const { size } = this;
-        const bigNumberSkeletonClasses = classMap({
-            [`${blockClass}`]: true,
-            [`${blockClass}--lg`]: size === BigNumberSize.Large,
-            [`${blockClass}--xl`]: size === BigNumberSize.XLarge,
-        });
-        return html `
-      <div class=${bigNumberSkeletonClasses}>
+	constructor(..._args) {
+		super(..._args);
+		this.size = BigNumberSize.Default;
+	}
+	render() {
+		const { size } = this;
+		return html`
+      <div class=${classMap({
+			[`${blockClass}`]: true,
+			[`${blockClass}--lg`]: size === BigNumberSize.Large,
+			[`${blockClass}--xl`]: size === BigNumberSize.XLarge
+		})}>
         <cds-skeleton-text class="${blockClass}__label"></cds-skeleton-text>
         <cds-skeleton-placeholder
           class="${blockClass}__value"
         ></cds-skeleton-placeholder>
       </div>
     `;
-    }
+	}
+	static {
+		this.styles = big_number_skeleton_default$1;
+	}
 };
-CDSBigNumberSkeleton.styles = styles;
-__decorate([
-    property({ type: String })
-], CDSBigNumberSkeleton.prototype, "size", void 0);
-CDSBigNumberSkeleton = __decorate([
-    carbonElement(`${prefix}-big-number-skeleton`)
-], CDSBigNumberSkeleton);
-var CDSBigNumberSkeleton_default = CDSBigNumberSkeleton;
+__decorate([property({ type: String })], CDSBigNumberSkeleton.prototype, "size", void 0);
+CDSBigNumberSkeleton = __decorate([carbonElement(`${prefix}-big-number-skeleton`)], CDSBigNumberSkeleton);
+var big_number_skeleton_default = CDSBigNumberSkeleton;
 
-export { CDSBigNumberSkeleton_default as default };
-//# sourceMappingURL=big-number-skeleton.js.map
+//#endregion
+export { big_number_skeleton_default as default };
+//# sourceMappingURL=big-number-skeleton.js.map

package/es/components/big-number/big-number-skeleton.js.map

@@ -1 +1 @@
-{"version":3,"file":"big-number-skeleton.js","sources":["../../../src/components/big-number/big-number-skeleton.ts"],"sourcesContent":[null],"names":["customElement"],"mappings":";;;;;;;;;;;;;;;;;;AAmBA,MAAM,UAAU,GAAG,CAAA,EAAG,MAAM,uBAAuB;AAEnD;;;AAGG;AAGH,IAAM,oBAAoB,GAA1B,MAAM,oBAAqB,SAAQ,UAAU,CAAA;AAA7C,IAAA,WAAA,GAAA;;AAEE,QAAA,IAAA,CAAA,IAAI,GAAyB,aAAa,CAAC,OAAO;IAsBpD;IApBE,MAAM,GAAA;AACJ,QAAA,MAAM,EAAE,IAAI,EAAE,GAAG,IAAI;QAErB,MAAM,wBAAwB,GAAG,QAAQ,CAAC;AACxC,YAAA,CAAC,CAAA,EAAG,UAAU,CAAA,CAAE,GAAG,IAAI;YACvB,CAAC,CAAA,EAAG,UAAU,CAAA,IAAA,CAAM,GAAG,IAAI,KAAK,aAAa,CAAC,KAAK;YACnD,CAAC,CAAA,EAAG,UAAU,CAAA,IAAA,CAAM,GAAG,IAAI,KAAK,aAAa,CAAC,MAAM;AACrD,SAAA,CAAC;AAEF,QAAA,OAAO,IAAI,CAAA;mBACI,wBAAwB,CAAA;oCACP,UAAU,CAAA;;mBAE3B,UAAU,CAAA;;;KAGxB;IACH;;AAEO,oBAAA,CAAA,MAAM,GAAG,MAAH;AArBb,UAAA,CAAA;AADC,IAAA,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE;AACyB,CAAA,EAAA,oBAAA,CAAA,SAAA,EAAA,MAAA,EAAA,MAAA,CAAA;AAF/C,oBAAoB,GAAA,UAAA,CAAA;AADzB,IAAAA,aAAa,CAAC,CAAA,EAAG,MAAM,CAAA,oBAAA,CAAsB;AACxC,CAAA,EAAA,oBAAoB,CAwBzB;AAED,mCAAe,oBAAoB;;;;"}
+{"version":3,"file":"big-number-skeleton.js","names":["styles","customElement"],"sources":["../../../src/components/big-number/big-number-skeleton.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 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 { classMap } from 'lit/directives/class-map.js';\nimport { carbonElement as customElement } from '@carbon/web-components/es/globals/decorators/carbon-element.js';\nimport '@carbon/web-components/es/components/skeleton-text/index.js';\nimport '@carbon/web-components/es/components/skeleton-placeholder/index.js';\n\nimport { prefix } from '../../globals/settings';\nimport { BigNumberSize, BigNumberSizeValues } from './constants';\nimport styles from './big-number-skeleton.scss?lit';\n\nconst blockClass = `${prefix}--big-number-skeleton`;\n\n/**\n * @element c4p-big-number-skeleton\n * Note: This component is only used within c4p-big-number. It displays a skeleton version while content is loading (handled by the c4p-big-number prop `loading').\n */\n\n@customElement(`${prefix}-big-number-skeleton`)\nclass CDSBigNumberSkeleton extends LitElement {\n  @property({ type: String })\n  size?: BigNumberSizeValues = BigNumberSize.Default;\n\n  render() {\n    const { size } = this;\n\n    const bigNumberSkeletonClasses = classMap({\n      [`${blockClass}`]: true,\n      [`${blockClass}--lg`]: size === BigNumberSize.Large,\n      [`${blockClass}--xl`]: size === BigNumberSize.XLarge,\n    });\n\n    return html`\n      <div class=${bigNumberSkeletonClasses}>\n        <cds-skeleton-text class=\"${blockClass}__label\"></cds-skeleton-text>\n        <cds-skeleton-placeholder\n          class=\"${blockClass}__value\"\n        ></cds-skeleton-placeholder>\n      </div>\n    `;\n  }\n\n  static styles = styles;\n}\n\nexport default CDSBigNumberSkeleton;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAmBA,MAAM,aAAa,GAAG,OAAO;;;;;AAO7B,iCACM,6BAA6B,WAAW;;;cAEf,cAAc;;CAE3C,SAAS;EACP,MAAM,EAAE,SAAS;AAQjB,SAAO,IAAI;mBANsB,SAAS;IACvC,GAAG,eAAe;IAClB,GAAG,WAAW,QAAQ,SAAS,cAAc;IAC7C,GAAG,WAAW,QAAQ,SAAS,cAAc;GAC/C,CAAC,CAGsC;oCACR,WAAW;;mBAE5B,WAAW;;;;;;gBAMZA;;;YAtBf,SAAS,EAAE,MAAM,QAAQ,CAAC;mCAF5BC,cAAc,GAAG,OAAO,sBAAsB;AA2B/C,kCAAe"}

package/es/components/big-number/big-number-skeleton.scss.js

@@ -1,13 +1,15 @@
 /**
- * Copyright IBM Corp. 2024
+ * Copyright IBM Corp. 2020, 2026
  *
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
  */
 
-import { css } from 'lit';
+import { css } from "lit";
 
-var styles = css(["a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{border:0;font:inherit;font-feature-settings:\"liga\" 1;font-size:100%;margin:0;padding:0;vertical-align:baseline}button,input,select,textarea{border-radius:0;font-family:inherit}:root{color-scheme:var(--cds-color-scheme,light)}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{background-color:var(--cds-background,#fff);color:var(--cds-text-primary,#161616);line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:none}table{border-collapse:collapse;border-spacing:0}html{box-sizing:border-box}*,:after,:before{box-sizing:inherit}html{font-size:100%}body{font-family:IBM Plex Sans,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,sans-serif;font-weight:400;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}code{font-family:IBM Plex Mono,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,monospace}strong{font-weight:600}@media screen and (-ms-high-contrast:active){svg{fill:ButtonText}}h1{font-size:var(--cds-heading-06-font-size,2.625rem);font-weight:var(--cds-heading-06-font-weight,300);letter-spacing:var(--cds-heading-06-letter-spacing,0);line-height:var(--cds-heading-06-line-height,1.199)}h2{font-size:var(--cds-heading-05-font-size,2rem);font-weight:var(--cds-heading-05-font-weight,400);letter-spacing:var(--cds-heading-05-letter-spacing,0);line-height:var(--cds-heading-05-line-height,1.25)}h3{font-size:var(--cds-heading-04-font-size,1.75rem);font-weight:var(--cds-heading-04-font-weight,400);letter-spacing:var(--cds-heading-04-letter-spacing,0);line-height:var(--cds-heading-04-line-height,1.28572)}h4{font-size:var(--cds-heading-03-font-size,1.25rem);font-weight:var(--cds-heading-03-font-weight,400);letter-spacing:var(--cds-heading-03-letter-spacing,0);line-height:var(--cds-heading-03-line-height,1.4)}h5{font-size:var(--cds-heading-02-font-size,1rem);font-weight:var(--cds-heading-02-font-weight,600);letter-spacing:var(--cds-heading-02-letter-spacing,0);line-height:var(--cds-heading-02-line-height,1.5)}h6{font-size:var(--cds-heading-01-font-size,.875rem);font-weight:var(--cds-heading-01-font-weight,600);letter-spacing:var(--cds-heading-01-letter-spacing,.16px);line-height:var(--cds-heading-01-line-height,1.42857)}p{font-size:var(--cds-body-02-font-size,1rem);font-weight:var(--cds-body-02-font-weight,400);letter-spacing:var(--cds-body-02-letter-spacing,0);line-height:var(--cds-body-02-line-height,1.5)}a{color:var(--cds-link-primary,#0062fe)}em{font-style:italic}:host(c4p-big-number-skeleton) .c4p--big-number-skeleton{inline-size:4rem}:host(c4p-big-number-skeleton) .c4p--big-number-skeleton--lg{inline-size:5rem}:host(c4p-big-number-skeleton) .c4p--big-number-skeleton--xl{inline-size:6rem}:host(c4p-big-number-skeleton) .c4p--big-number-skeleton__label{block-size:.75rem;inline-size:70%;margin-block:0 .5rem}:host(c4p-big-number-skeleton) .c4p--big-number-skeleton__value::part(placeholder){block-size:2.5rem;inline-size:100%;margin:0}:host(c4p-big-number-skeleton) .c4p--big-number-skeleton.c4p--big-number-skeleton--lg .c4p--big-number-skeleton__label{margin-block:0 .75rem}:host(c4p-big-number-skeleton) .c4p--big-number-skeleton.c4p--big-number-skeleton--lg .c4p--big-number-skeleton__value::part(placeholder){block-size:3rem}:host(c4p-big-number-skeleton) .c4p--big-number-skeleton.c4p--big-number-skeleton--xl .c4p--big-number-skeleton__label{margin-block:0 1rem}:host(c4p-big-number-skeleton) .c4p--big-number-skeleton.c4p--big-number-skeleton--xl .c4p--big-number-skeleton__value::part(placeholder){block-size:4rem}"]);
+//#region src/components/big-number/big-number-skeleton.scss?lit
+var big_number_skeleton_default = css(["a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{border:0;font:inherit;font-feature-settings:\"liga\" 1;font-size:100%;margin:0;padding:0;vertical-align:baseline}button,input,select,textarea{border-radius:0;font-family:inherit}:root{color-scheme:var(--cds-color-scheme,light)}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{background-color:var(--cds-background,#fff);color:var(--cds-text-primary,#161616);line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:none}table{border-collapse:collapse;border-spacing:0}html{box-sizing:border-box}*,:after,:before{box-sizing:inherit}html{font-size:100%}body{font-family:IBM Plex Sans,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,sans-serif;font-weight:400;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}code{font-family:IBM Plex Mono,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,monospace}strong{font-weight:600}@media screen and (-ms-high-contrast:active){svg{fill:ButtonText}}h1{font-size:var(--cds-heading-06-font-size,2.625rem);font-weight:var(--cds-heading-06-font-weight,300);letter-spacing:var(--cds-heading-06-letter-spacing,0);line-height:var(--cds-heading-06-line-height,1.199)}h2{font-size:var(--cds-heading-05-font-size,2rem);font-weight:var(--cds-heading-05-font-weight,400);letter-spacing:var(--cds-heading-05-letter-spacing,0);line-height:var(--cds-heading-05-line-height,1.25)}h3{font-size:var(--cds-heading-04-font-size,1.75rem);font-weight:var(--cds-heading-04-font-weight,400);letter-spacing:var(--cds-heading-04-letter-spacing,0);line-height:var(--cds-heading-04-line-height,1.28572)}h4{font-size:var(--cds-heading-03-font-size,1.25rem);font-weight:var(--cds-heading-03-font-weight,400);letter-spacing:var(--cds-heading-03-letter-spacing,0);line-height:var(--cds-heading-03-line-height,1.4)}h5{font-size:var(--cds-heading-02-font-size,1rem);font-weight:var(--cds-heading-02-font-weight,600);letter-spacing:var(--cds-heading-02-letter-spacing,0);line-height:var(--cds-heading-02-line-height,1.5)}h6{font-size:var(--cds-heading-01-font-size,.875rem);font-weight:var(--cds-heading-01-font-weight,600);letter-spacing:var(--cds-heading-01-letter-spacing,.16px);line-height:var(--cds-heading-01-line-height,1.42857)}p{font-size:var(--cds-body-02-font-size,1rem);font-weight:var(--cds-body-02-font-weight,400);letter-spacing:var(--cds-body-02-letter-spacing,0);line-height:var(--cds-body-02-line-height,1.5)}a{color:var(--cds-link-primary,#0062fe)}em{font-style:italic}:host(c4p-big-number-skeleton) .c4p--big-number-skeleton{inline-size:4rem}:host(c4p-big-number-skeleton) .c4p--big-number-skeleton--lg{inline-size:5rem}:host(c4p-big-number-skeleton) .c4p--big-number-skeleton--xl{inline-size:6rem}:host(c4p-big-number-skeleton) .c4p--big-number-skeleton__label{block-size:.75rem;inline-size:70%;margin-block:0 .5rem}:host(c4p-big-number-skeleton) .c4p--big-number-skeleton__value::part(placeholder){block-size:2.5rem;inline-size:100%;margin:0}:host(c4p-big-number-skeleton) .c4p--big-number-skeleton.c4p--big-number-skeleton--lg .c4p--big-number-skeleton__label{margin-block:0 .75rem}:host(c4p-big-number-skeleton) .c4p--big-number-skeleton.c4p--big-number-skeleton--lg .c4p--big-number-skeleton__value::part(placeholder){block-size:3rem}:host(c4p-big-number-skeleton) .c4p--big-number-skeleton.c4p--big-number-skeleton--xl .c4p--big-number-skeleton__label{margin-block:0 1rem}:host(c4p-big-number-skeleton) .c4p--big-number-skeleton.c4p--big-number-skeleton--xl .c4p--big-number-skeleton__value::part(placeholder){block-size:4rem}"]);
 
-export { styles as default };
-//# sourceMappingURL=big-number-skeleton.scss.js.map
+//#endregion
+export { big_number_skeleton_default as default };
+//# sourceMappingURL=big-number-skeleton.scss.js.map

package/es/components/big-number/big-number-skeleton.scss.js.map

@@ -1 +1 @@
-{"version":3,"file":"big-number-skeleton.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;"}
+{"version":3,"file":"big-number-skeleton.scss.js","names":[],"sources":["../../../src/components/big-number/big-number-skeleton.scss?lit"],"sourcesContent":["// Copyright IBM Corp. 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\n$css--plex: true !default;\n\n@use '@carbon/styles/scss/reset';\n@use '@carbon/styles/scss/spacing' as *;\n@use '@carbon/ibm-products-styles/scss/config';\n\n$prefix: config.$pkg-prefix;\n$skeleton-block-class: #{$prefix}--big-number-skeleton;\n\n:host(#{$prefix}-big-number-skeleton) {\n  .#{$skeleton-block-class} {\n    inline-size: $spacing-10;\n  }\n\n  .#{$skeleton-block-class}--lg {\n    inline-size: $spacing-11;\n  }\n\n  .#{$skeleton-block-class}--xl {\n    inline-size: $spacing-12;\n  }\n\n  .#{$skeleton-block-class}__label {\n    block-size: $spacing-04;\n    inline-size: 70%;\n    margin-block: 0 $spacing-03;\n  }\n\n  .#{$skeleton-block-class}__value::part(placeholder) {\n    margin: 0;\n    block-size: $spacing-08;\n    inline-size: 100%;\n  }\n\n  .#{$skeleton-block-class}.#{$skeleton-block-class}--lg\n    .#{$skeleton-block-class}__label {\n    margin-block: 0 $spacing-04;\n  }\n\n  .#{$skeleton-block-class}.#{$skeleton-block-class}--lg\n    .#{$skeleton-block-class}__value::part(placeholder) {\n    block-size: $spacing-09;\n  }\n\n  .#{$skeleton-block-class}.#{$skeleton-block-class}--xl\n    .#{$skeleton-block-class}__label {\n    margin-block: 0 $spacing-05;\n  }\n\n  .#{$skeleton-block-class}.#{$skeleton-block-class}--xl\n    .#{$skeleton-block-class}__value::part(placeholder) {\n    block-size: $spacing-10;\n  }\n}\n"],"mappings":""}

package/es/components/big-number/big-number.d.ts

@@ -35,3 +35,4 @@ declare class CDSBigNumber extends LitElement {
     static styles: any;
 }
 export default CDSBigNumber;
+//# sourceMappingURL=big-number.d.ts.map

package/es/components/big-number/big-number.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"big-number.d.ts","sourceRoot":"","sources":["../../../src/components/big-number/big-number.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAE,UAAU,EAAiB,MAAM,KAAK,CAAC;AAYhD,OAAO,uBAAuB,CAAC;AAC/B,OAAO,EAEL,mBAAmB,EAIpB,MAAM,aAAa,CAAC;AAKrB;;;;;GAKG;AACH,cACM,YAAa,SAAQ,UAAU;IAEnC,cAAc,SAAK;IAGnB,KAAK,EAAE,MAAM,GAAG,SAAS,CAAC;IAG1B,OAAO,UAAS;IAGhB,MAAM,SAAiB;IAGvB,UAAU,UAAS;IAGnB,IAAI,EAAE,mBAAmB,CAAyB;IAGlD,KAAK,CAAC,EAAE,MAAM,CAAC;IAGf,QAAQ,UAAS;IAGjB,QAAQ,UAAQ;IAGhB,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,OAAO,CAAC,mBAAmB;IAM3B,OAAO,CAAC,YAAY;IAmBpB,OAAO,CAAC,kBAAkB;IAc1B,OAAO,CAAC,yBAAyB;IAajC,OAAO,CAAC,gBAAgB;IAWxB,MAAM;IAoEN,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,YAAY,CAAC"}

package/es/components/big-number/big-number.js

@@ -1,104 +1,91 @@
 /**
- * Copyright IBM Corp. 2024
+ * Copyright IBM Corp. 2020, 2026
  *
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
  */
 
-import { __decorate } from 'tslib';
-import { LitElement, html, nothing } from 'lit';
-import { property } from 'lit/decorators.js';
-import { classMap } from 'lit/directives/class-map.js';
-import { carbonElement } from '@carbon/web-components/es/globals/decorators/carbon-element.js';
-import { iconLoader } from '@carbon/web-components/es/globals/internal/icon-loader.js';
-import ArrowUp16 from '@carbon/icons/es/arrow--up/16';
-import ArrowUp20 from '@carbon/icons/es/arrow--up/20';
-import ArrowUp24 from '@carbon/icons/es/arrow--up/24';
-import { prefix } from '../../globals/settings.js';
-import { getSupportedLocale } from '../../globals/js/utils/getSupportedLocale.js';
-import './big-number-skeleton.js';
-import { DefaultLocale, BigNumberSize, Characters, UNKNOWN } from './constants.js';
-import styles from './big-number.scss.js';
+import { prefix } from "../../globals/settings.js";
+import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.112.0/helpers/decorate.js";
+import { getSupportedLocale } from "../../globals/js/utils/getSupportedLocale.js";
+import { BigNumberSize, Characters, DefaultLocale, UNKNOWN } from "./constants.js";
+import "./big-number-skeleton.js";
+import big_number_default$1 from "./big-number.scss.js";
+import { LitElement, html, nothing } from "lit";
+import { property } from "lit/decorators.js";
+import { carbonElement } from "@carbon/web-components/es/globals/decorators/carbon-element.js";
+import { iconLoader } from "@carbon/web-components/es/globals/internal/icon-loader.js";
+import { classMap } from "lit/directives/class-map.js";
+import ArrowUp16 from "@carbon/icons/es/arrow--up/16";
+import ArrowUp20 from "@carbon/icons/es/arrow--up/20";
+import ArrowUp24 from "@carbon/icons/es/arrow--up/24";
 
+//#region src/components/big-number/big-number.ts
 /**
- * @license
- *
- * Copyright IBM Corp. 2025
- *
- * This source code is licensed under the Apache-2.0 license found in the
- * LICENSE file in the root directory of this source tree.
- */
+* @license
+*
+* Copyright IBM Corp. 2025
+*
+* This source code is licensed under the Apache-2.0 license found in the
+* LICENSE file in the root directory of this source tree.
+*/
 const blockClass = `${prefix}--big-number`;
 /**
- * @element c4p-big-number
- * @slot label - Header area that displays the label above the value. This slot can be customized to include an info icon and a tooltip for additional context.
- * @slot trending-icon - Displays an icon indicating trend direction. Can be customized to show a downward arrow when the trend is not upward.
- * @slot icon-button - Displays an icon button next to `value`.
- */
+* @element c4p-big-number
+* @slot label - Header area that displays the label above the value. This slot can be customized to include an info icon and a tooltip for additional context.
+* @slot trending-icon - Displays an icon indicating trend direction. Can be customized to show a downward arrow when the trend is not upward.
+* @slot icon-button - Displays an icon button next to `value`.
+*/
 let CDSBigNumber = class CDSBigNumber extends LitElement {
-    constructor() {
-        super(...arguments);
-        this.fractionDigits = 1;
-        this.loading = false;
-        this.locale = DefaultLocale;
-        this.percentage = false;
-        this.size = BigNumberSize.Default;
-        this.trending = false;
-        this.truncate = true;
-    }
-    _getSupportedLocale(locale) {
-        return getSupportedLocale(locale, DefaultLocale);
-    }
-    _formatValue(locale, value, fractionDigits, truncate) {
-        if (value === null || value === undefined || typeof value !== 'number') {
-            return null;
-        }
-        return truncate
-            ? Intl.NumberFormat(locale, {
-                notation: 'compact',
-                minimumFractionDigits: fractionDigits,
-                maximumFractionDigits: Math.round(fractionDigits),
-            }).format(value)
-            : Intl.NumberFormat(locale).format(value);
-    }
-    _getTruncatedValue(value, placeholder) {
-        const supportedLocale = this._getSupportedLocale(this.locale);
-        const truncatedValue = this._formatValue(supportedLocale, value, this.fractionDigits, this.truncate);
-        return truncatedValue !== null && truncatedValue !== void 0 ? truncatedValue : placeholder;
-    }
-    _shouldDisplayDenominator(truncatedValue, truncatedTotal) {
-        return (!this.percentage &&
-            !!this.total &&
-            !!this.value &&
-            this.total > this.value &&
-            truncatedValue !== truncatedTotal);
-    }
-    _getTrendingIcon() {
-        switch (this.size) {
-            case BigNumberSize.Large:
-                return ArrowUp20;
-            case BigNumberSize.XLarge:
-                return ArrowUp24;
-            default:
-                return ArrowUp16;
-        }
-    }
-    render() {
-        const { loading, label, percentage, size, total, trending, value } = this;
-        const bigNumberClasses = classMap({
-            [`${blockClass}`]: true,
-            [`${blockClass}--lg`]: size === 'lg',
-            [`${blockClass}--xl`]: size === 'xl',
-        });
-        const truncatedValue = this._getTruncatedValue(value, Characters.Dash);
-        const truncatedTotal = this._getTruncatedValue(total, UNKNOWN);
-        const shouldDisplayDenominator = this._shouldDisplayDenominator(truncatedValue, truncatedTotal);
-        if (loading) {
-            return html `
+	constructor(..._args) {
+		super(..._args);
+		this.fractionDigits = 1;
+		this.loading = false;
+		this.locale = DefaultLocale;
+		this.percentage = false;
+		this.size = BigNumberSize.Default;
+		this.trending = false;
+		this.truncate = true;
+	}
+	_getSupportedLocale(locale) {
+		return getSupportedLocale(locale, DefaultLocale);
+	}
+	_formatValue(locale, value, fractionDigits, truncate) {
+		if (value === null || value === void 0 || typeof value !== "number") return null;
+		return truncate ? Intl.NumberFormat(locale, {
+			notation: "compact",
+			minimumFractionDigits: fractionDigits,
+			maximumFractionDigits: Math.round(fractionDigits)
+		}).format(value) : Intl.NumberFormat(locale).format(value);
+	}
+	_getTruncatedValue(value, placeholder) {
+		const supportedLocale = this._getSupportedLocale(this.locale);
+		return this._formatValue(supportedLocale, value, this.fractionDigits, this.truncate) ?? placeholder;
+	}
+	_shouldDisplayDenominator(truncatedValue, truncatedTotal) {
+		return !this.percentage && !!this.total && !!this.value && this.total > this.value && truncatedValue !== truncatedTotal;
+	}
+	_getTrendingIcon() {
+		switch (this.size) {
+			case BigNumberSize.Large: return ArrowUp20;
+			case BigNumberSize.XLarge: return ArrowUp24;
+			default: return ArrowUp16;
+		}
+	}
+	render() {
+		const { loading, label, percentage, size, total, trending, value } = this;
+		const bigNumberClasses = classMap({
+			[`${blockClass}`]: true,
+			[`${blockClass}--lg`]: size === "lg",
+			[`${blockClass}--xl`]: size === "xl"
+		});
+		const truncatedValue = this._getTruncatedValue(value, Characters.Dash);
+		const truncatedTotal = this._getTruncatedValue(total, UNKNOWN);
+		const shouldDisplayDenominator = this._shouldDisplayDenominator(truncatedValue, truncatedTotal);
+		if (loading) return html`
         <c4p-big-number-skeleton .size=${size}></c4p-big-number-skeleton>
       `;
-        }
-        return html `
+		return html`
       <div class=${bigNumberClasses}>
         <!-- Label and tooltip  -->
         <span class="${blockClass}__row">
@@ -108,32 +95,26 @@ let CDSBigNumber = class CDSBigNumber extends LitElement {
         </span>
         <span class="${blockClass}__row" role="math">
           <!-- Trending up arrow  -->
-          ${trending
-            ? html `<slot name="trending-icon"
+          ${trending ? html`<slot name="trending-icon"
                 >${iconLoader(this._getTrendingIcon(), {
-                slot: 'icon',
-                class: `${blockClass}__trend`,
-            })}
-              </slot>`
-            : nothing}
+			slot: "icon",
+			class: `${blockClass}__trend`
+		})}
+              </slot>` : nothing}
 
           <!-- Numerator  -->
           <span class="${blockClass}__value">
-            ${percentage
-            ? html `<div class="${blockClass}__percentage">
+            ${percentage ? html`<div class="${blockClass}__percentage">
                   ${truncatedValue}<span class="${blockClass}__percentage-mark"
                     >${Characters.Percentage}</span
                   >
-                </div>`
-            : truncatedValue}
+                </div>` : truncatedValue}
           </span>
 
           <!-- Denominator -->
-          ${shouldDisplayDenominator
-            ? html `<span class="${blockClass}__total">
+          ${shouldDisplayDenominator ? html`<span class="${blockClass}__total">
                 <span>${`${Characters.Slash}${truncatedTotal}`}</span>
-              </span>`
-            : nothing}
+              </span>` : nothing}
 
           <!-- Icon button -->
           <span class="${blockClass}__icon-button">
@@ -142,43 +123,27 @@ let CDSBigNumber = class CDSBigNumber extends LitElement {
         </span>
       </div>
     `;
-    }
+	}
+	static {
+		this.styles = big_number_default$1;
+	}
 };
-CDSBigNumber.styles = styles;
-__decorate([
-    property({ type: Number, attribute: 'fraction-digits' })
-], CDSBigNumber.prototype, "fractionDigits", void 0);
-__decorate([
-    property({ type: String })
-], CDSBigNumber.prototype, "label", void 0);
-__decorate([
-    property({ type: Boolean })
-], CDSBigNumber.prototype, "loading", void 0);
-__decorate([
-    property({ type: String })
-], CDSBigNumber.prototype, "locale", void 0);
-__decorate([
-    property({ type: Boolean })
-], CDSBigNumber.prototype, "percentage", void 0);
-__decorate([
-    property({ type: String })
-], CDSBigNumber.prototype, "size", void 0);
-__decorate([
-    property({ type: Number })
-], CDSBigNumber.prototype, "total", void 0);
-__decorate([
-    property({ type: Boolean })
-], CDSBigNumber.prototype, "trending", void 0);
-__decorate([
-    property({ type: Boolean })
-], CDSBigNumber.prototype, "truncate", void 0);
-__decorate([
-    property({ type: Number })
-], CDSBigNumber.prototype, "value", void 0);
-CDSBigNumber = __decorate([
-    carbonElement(`${prefix}-big-number`)
-], CDSBigNumber);
-var CDSBigNumber_default = CDSBigNumber;
+__decorate([property({
+	type: Number,
+	attribute: "fraction-digits"
+})], CDSBigNumber.prototype, "fractionDigits", void 0);
+__decorate([property({ type: String })], CDSBigNumber.prototype, "label", void 0);
+__decorate([property({ type: Boolean })], CDSBigNumber.prototype, "loading", void 0);
+__decorate([property({ type: String })], CDSBigNumber.prototype, "locale", void 0);
+__decorate([property({ type: Boolean })], CDSBigNumber.prototype, "percentage", void 0);
+__decorate([property({ type: String })], CDSBigNumber.prototype, "size", void 0);
+__decorate([property({ type: Number })], CDSBigNumber.prototype, "total", void 0);
+__decorate([property({ type: Boolean })], CDSBigNumber.prototype, "trending", void 0);
+__decorate([property({ type: Boolean })], CDSBigNumber.prototype, "truncate", void 0);
+__decorate([property({ type: Number })], CDSBigNumber.prototype, "value", void 0);
+CDSBigNumber = __decorate([carbonElement(`${prefix}-big-number`)], CDSBigNumber);
+var big_number_default = CDSBigNumber;
 
-export { CDSBigNumber_default as default };
-//# sourceMappingURL=big-number.js.map
+//#endregion
+export { big_number_default as default };
+//# sourceMappingURL=big-number.js.map

package/es/components/big-number/big-number.js.map

@@ -1 +1 @@
-{"version":3,"file":"big-number.js","sources":["../../../src/components/big-number/big-number.ts"],"sourcesContent":[null],"names":["customElement"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA;;;;;;;AAOG;AAwBH,MAAM,UAAU,GAAG,CAAA,EAAG,MAAM,cAAc;AAE1C;;;;;AAKG;AAEH,IAAM,YAAY,GAAlB,MAAM,YAAa,SAAQ,UAAU,CAAA;AAArC,IAAA,WAAA,GAAA;;QAEE,IAAA,CAAA,cAAc,GAAG,CAAC;QAMlB,IAAA,CAAA,OAAO,GAAG,KAAK;QAGf,IAAA,CAAA,MAAM,GAAG,aAAa;QAGtB,IAAA,CAAA,UAAU,GAAG,KAAK;AAGlB,QAAA,IAAA,CAAA,IAAI,GAAwB,aAAa,CAAC,OAAO;QAMjD,IAAA,CAAA,QAAQ,GAAG,KAAK;QAGhB,IAAA,CAAA,QAAQ,GAAG,IAAI;IAyIjB;AApIU,IAAA,mBAAmB,CACzB,MAA4B,EAAA;AAE5B,QAAA,OAAO,kBAAkB,CAAC,MAAM,EAAE,aAAa,CAAC;IAClD;AAEQ,IAAA,YAAY,CAClB,MAA4B,EAC5B,KAAgC,EAChC,cAAsB,EACtB,QAAiB,EAAA;AAEjB,QAAA,IAAI,KAAK,KAAK,IAAI,IAAI,KAAK,KAAK,SAAS,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE;AACtE,YAAA,OAAO,IAAI;QACb;AAEA,QAAA,OAAO;AACL,cAAE,IAAI,CAAC,YAAY,CAAC,MAAM,EAAE;AACxB,gBAAA,QAAQ,EAAE,SAAS;AACnB,gBAAA,qBAAqB,EAAE,cAAc;AACrC,gBAAA,qBAAqB,EAAE,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC;AAClD,aAAA,CAAC,CAAC,MAAM,CAAC,KAAK;AACjB,cAAE,IAAI,CAAC,YAAY,CAAC,MAAM,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC;IAC7C;IAEQ,kBAAkB,CACxB,KAAyB,EACzB,WAAmB,EAAA;QAEnB,MAAM,eAAe,GAAG,IAAI,CAAC,mBAAmB,CAAC,IAAI,CAAC,MAAM,CAAC;AAC7D,QAAA,MAAM,cAAc,GAAG,IAAI,CAAC,YAAY,CACtC,eAAe,EACf,KAAK,EACL,IAAI,CAAC,cAAc,EACnB,IAAI,CAAC,QAAQ,CACd;AACD,QAAA,OAAO,cAAc,KAAA,IAAA,IAAd,cAAc,cAAd,cAAc,GAAI,WAAW;IACtC;IAEQ,yBAAyB,CAC/B,cAAsB,EACtB,cAAsB,EAAA;AAEtB,QAAA,QACE,CAAC,IAAI,CAAC,UAAU;YAChB,CAAC,CAAC,IAAI,CAAC,KAAK;YACZ,CAAC,CAAC,IAAI,CAAC,KAAK;AACZ,YAAA,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,KAAK;YACvB,cAAc,KAAK,cAAc;IAErC;IAEQ,gBAAgB,GAAA;AACtB,QAAA,QAAQ,IAAI,CAAC,IAAI;YACf,KAAK,aAAa,CAAC,KAAK;AACtB,gBAAA,OAAO,SAAS;YAClB,KAAK,aAAa,CAAC,MAAM;AACvB,gBAAA,OAAO,SAAS;AAClB,YAAA;AACE,gBAAA,OAAO,SAAS;;IAEtB;IAEA,MAAM,GAAA;AACJ,QAAA,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,UAAU,EAAE,IAAI,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,GAAG,IAAI;QAEzE,MAAM,gBAAgB,GAAG,QAAQ,CAAC;AAChC,YAAA,CAAC,CAAA,EAAG,UAAU,CAAA,CAAE,GAAG,IAAI;AACvB,YAAA,CAAC,GAAG,UAAU,CAAA,IAAA,CAAM,GAAG,IAAI,KAAK,IAAI;AACpC,YAAA,CAAC,GAAG,UAAU,CAAA,IAAA,CAAM,GAAG,IAAI,KAAK,IAAI;AACrC,SAAA,CAAC;AAEF,QAAA,MAAM,cAAc,GAAG,IAAI,CAAC,kBAAkB,CAAC,KAAK,EAAE,UAAU,CAAC,IAAI,CAAC;QACtE,MAAM,cAAc,GAAG,IAAI,CAAC,kBAAkB,CAAC,KAAK,EAAE,OAAO,CAAC;QAC9D,MAAM,wBAAwB,GAAY,IAAI,CAAC,yBAAyB,CACtE,cAAc,EACd,cAAc,CACf;QAED,IAAI,OAAO,EAAE;AACX,YAAA,OAAO,IAAI,CAAA;yCACwB,IAAI,CAAA;OACtC;QACH;AAEA,QAAA,OAAO,IAAI,CAAA;mBACI,gBAAgB,CAAA;;uBAEZ,UAAU,CAAA;;AAER,uBAAA,EAAA,UAAU,YAAY,KAAK,CAAA;;;uBAG7B,UAAU,CAAA;;YAErB;cACE,IAAI,CAAA,CAAA;AACC,iBAAA,EAAA,UAAU,CAAC,IAAI,CAAC,gBAAgB,EAAE,EAAE;AACrC,gBAAA,IAAI,EAAE,MAAM;gBACZ,KAAK,EAAE,CAAA,EAAG,UAAU,CAAA,OAAA,CAAS;aAC9B,CAAC;AACI,qBAAA;AACV,cAAE,OAAO;;;yBAGI,UAAU,CAAA;cACrB;AACA,cAAE,IAAI,CAAA,CAAA,YAAA,EAAe,UAAU,CAAA;AACzB,kBAAA,EAAA,cAAc,gBAAgB,UAAU,CAAA;AACrC,qBAAA,EAAA,UAAU,CAAC,UAAU,CAAA;;AAErB,sBAAA;AACT,cAAE,cAAc;;;;YAIlB;AACA,cAAE,IAAI,CAAA,CAAA,aAAA,EAAgB,UAAU,CAAA;AACpB,sBAAA,EAAA,CAAA,EAAG,UAAU,CAAC,KAAK,CAAA,EAAG,cAAc,CAAA,CAAE,CAAA;AACxC,qBAAA;AACV,cAAE,OAAO;;;yBAGI,UAAU,CAAA;;;;;KAK9B;IACH;;AAEO,YAAA,CAAA,MAAM,GAAG,MAAH;AAhKb,UAAA,CAAA;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,iBAAiB,EAAE;AACrC,CAAA,EAAA,YAAA,CAAA,SAAA,EAAA,gBAAA,EAAA,MAAA,CAAA;AAGnB,UAAA,CAAA;AADC,IAAA,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE;AACA,CAAA,EAAA,YAAA,CAAA,SAAA,EAAA,OAAA,EAAA,MAAA,CAAA;AAG1B,UAAA,CAAA;AADC,IAAA,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE;AACX,CAAA,EAAA,YAAA,CAAA,SAAA,EAAA,SAAA,EAAA,MAAA,CAAA;AAGhB,UAAA,CAAA;AADC,IAAA,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE;AACH,CAAA,EAAA,YAAA,CAAA,SAAA,EAAA,QAAA,EAAA,MAAA,CAAA;AAGvB,UAAA,CAAA;AADC,IAAA,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE;AACR,CAAA,EAAA,YAAA,CAAA,SAAA,EAAA,YAAA,EAAA,MAAA,CAAA;AAGnB,UAAA,CAAA;AADC,IAAA,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE;AACwB,CAAA,EAAA,YAAA,CAAA,SAAA,EAAA,MAAA,EAAA,MAAA,CAAA;AAGlD,UAAA,CAAA;AADC,IAAA,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE;AACX,CAAA,EAAA,YAAA,CAAA,SAAA,EAAA,OAAA,EAAA,MAAA,CAAA;AAGf,UAAA,CAAA;AADC,IAAA,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE;AACV,CAAA,EAAA,YAAA,CAAA,SAAA,EAAA,UAAA,EAAA,MAAA,CAAA;AAGjB,UAAA,CAAA;AADC,IAAA,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE;AACX,CAAA,EAAA,YAAA,CAAA,SAAA,EAAA,UAAA,EAAA,MAAA,CAAA;AAGhB,UAAA,CAAA;AADC,IAAA,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE;AACX,CAAA,EAAA,YAAA,CAAA,SAAA,EAAA,OAAA,EAAA,MAAA,CAAA;AA7BX,YAAY,GAAA,UAAA,CAAA;AADjB,IAAAA,aAAa,CAAC,CAAA,EAAG,MAAM,CAAA,WAAA,CAAa;AAC/B,CAAA,EAAA,YAAY,CAmKjB;AAED,2BAAe,YAAY;;;;"}
+{"version":3,"file":"big-number.js","names":["styles","customElement"],"sources":["../../../src/components/big-number/big-number.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 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 */\n\nimport { LitElement, html, nothing } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { carbonElement as customElement } from '@carbon/web-components/es/globals/decorators/carbon-element.js';\nimport { iconLoader } from '@carbon/web-components/es/globals/internal/icon-loader.js';\nimport { CarbonIcon } from '@carbon/web-components/es/globals/internal/icon-loader-utils';\nimport ArrowUp16 from '@carbon/icons/es/arrow--up/16';\nimport ArrowUp20 from '@carbon/icons/es/arrow--up/20';\nimport ArrowUp24 from '@carbon/icons/es/arrow--up/24';\n\nimport { prefix } from '../../globals/settings';\nimport { getSupportedLocale } from '../../globals/js/utils/getSupportedLocale';\nimport './big-number-skeleton';\nimport {\n  BigNumberSize,\n  BigNumberSizeValues,\n  Characters,\n  DefaultLocale,\n  UNKNOWN,\n} from './constants';\nimport styles from './big-number.scss?lit';\n\nconst blockClass = `${prefix}--big-number`;\n\n/**\n * @element c4p-big-number\n * @slot label - Header area that displays the label above the value. This slot can be customized to include an info icon and a tooltip for additional context.\n * @slot trending-icon - Displays an icon indicating trend direction. Can be customized to show a downward arrow when the trend is not upward.\n * @slot icon-button - Displays an icon button next to `value`.\n */\n@customElement(`${prefix}-big-number`)\nclass CDSBigNumber extends LitElement {\n  @property({ type: Number, attribute: 'fraction-digits' })\n  fractionDigits = 1;\n\n  @property({ type: String })\n  label: string | undefined;\n\n  @property({ type: Boolean })\n  loading = false;\n\n  @property({ type: String })\n  locale = DefaultLocale;\n\n  @property({ type: Boolean })\n  percentage = false;\n\n  @property({ type: String })\n  size: BigNumberSizeValues = BigNumberSize.Default;\n\n  @property({ type: Number })\n  total?: number;\n\n  @property({ type: Boolean })\n  trending = false;\n\n  @property({ type: Boolean })\n  truncate = true;\n\n  @property({ type: Number })\n  value?: number;\n\n  private _getSupportedLocale(\n    locale: Intl.LocalesArgument\n  ): Intl.LocalesArgument {\n    return getSupportedLocale(locale, DefaultLocale);\n  }\n\n  private _formatValue(\n    locale: Intl.LocalesArgument,\n    value: number | null | undefined,\n    fractionDigits: number,\n    truncate: boolean\n  ): string | null | undefined {\n    if (value === null || value === undefined || typeof value !== 'number') {\n      return null;\n    }\n\n    return truncate\n      ? Intl.NumberFormat(locale, {\n          notation: 'compact',\n          minimumFractionDigits: fractionDigits,\n          maximumFractionDigits: Math.round(fractionDigits),\n        }).format(value)\n      : Intl.NumberFormat(locale).format(value);\n  }\n\n  private _getTruncatedValue(\n    value: number | undefined,\n    placeholder: string\n  ): string {\n    const supportedLocale = this._getSupportedLocale(this.locale);\n    const truncatedValue = this._formatValue(\n      supportedLocale,\n      value,\n      this.fractionDigits,\n      this.truncate\n    );\n    return truncatedValue ?? placeholder;\n  }\n\n  private _shouldDisplayDenominator(\n    truncatedValue: string,\n    truncatedTotal: string\n  ): boolean {\n    return (\n      !this.percentage &&\n      !!this.total &&\n      !!this.value &&\n      this.total > this.value &&\n      truncatedValue !== truncatedTotal\n    );\n  }\n\n  private _getTrendingIcon(): CarbonIcon {\n    switch (this.size) {\n      case BigNumberSize.Large:\n        return ArrowUp20;\n      case BigNumberSize.XLarge:\n        return ArrowUp24;\n      default:\n        return ArrowUp16;\n    }\n  }\n\n  render() {\n    const { loading, label, percentage, size, total, trending, value } = this;\n\n    const bigNumberClasses = classMap({\n      [`${blockClass}`]: true,\n      [`${blockClass}--lg`]: size === 'lg',\n      [`${blockClass}--xl`]: size === 'xl',\n    });\n\n    const truncatedValue = this._getTruncatedValue(value, Characters.Dash);\n    const truncatedTotal = this._getTruncatedValue(total, UNKNOWN);\n    const shouldDisplayDenominator: boolean = this._shouldDisplayDenominator(\n      truncatedValue,\n      truncatedTotal\n    );\n\n    if (loading) {\n      return html`\n        <c4p-big-number-skeleton .size=${size}></c4p-big-number-skeleton>\n      `;\n    }\n\n    return html`\n      <div class=${bigNumberClasses}>\n        <!-- Label and tooltip  -->\n        <span class=\"${blockClass}__row\">\n          <slot name=\"label\">\n            <h4 class=\"${blockClass}__label\">${label}</h4>\n          </slot>\n        </span>\n        <span class=\"${blockClass}__row\" role=\"math\">\n          <!-- Trending up arrow  -->\n          ${trending\n            ? html`<slot name=\"trending-icon\"\n                >${iconLoader(this._getTrendingIcon(), {\n                  slot: 'icon',\n                  class: `${blockClass}__trend`,\n                })}\n              </slot>`\n            : nothing}\n\n          <!-- Numerator  -->\n          <span class=\"${blockClass}__value\">\n            ${percentage\n              ? html`<div class=\"${blockClass}__percentage\">\n                  ${truncatedValue}<span class=\"${blockClass}__percentage-mark\"\n                    >${Characters.Percentage}</span\n                  >\n                </div>`\n              : truncatedValue}\n          </span>\n\n          <!-- Denominator -->\n          ${shouldDisplayDenominator\n            ? html`<span class=\"${blockClass}__total\">\n                <span>${`${Characters.Slash}${truncatedTotal}`}</span>\n              </span>`\n            : nothing}\n\n          <!-- Icon button -->\n          <span class=\"${blockClass}__icon-button\">\n            <slot name=\"icon-button\"></slot>\n          </span>\n        </span>\n      </div>\n    `;\n  }\n\n  static styles = styles;\n}\n\nexport default CDSBigNumber;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+BA,MAAM,aAAa,GAAG,OAAO;;;;;;;AAQ7B,yBACM,qBAAqB,WAAW;;;wBAEnB;iBAMP;gBAGD;oBAGI;cAGe,cAAc;kBAM/B;kBAGA;;CAKX,AAAQ,oBACN,QACsB;AACtB,SAAO,mBAAmB,QAAQ,cAAc;;CAGlD,AAAQ,aACN,QACA,OACA,gBACA,UAC2B;AAC3B,MAAI,UAAU,QAAQ,UAAU,UAAa,OAAO,UAAU,SAC5D,QAAO;AAGT,SAAO,WACH,KAAK,aAAa,QAAQ;GACxB,UAAU;GACV,uBAAuB;GACvB,uBAAuB,KAAK,MAAM,eAAe;GAClD,CAAC,CAAC,OAAO,MAAM,GAChB,KAAK,aAAa,OAAO,CAAC,OAAO,MAAM;;CAG7C,AAAQ,mBACN,OACA,aACQ;EACR,MAAM,kBAAkB,KAAK,oBAAoB,KAAK,OAAO;AAO7D,SANuB,KAAK,aAC1B,iBACA,OACA,KAAK,gBACL,KAAK,SACN,IACwB;;CAG3B,AAAQ,0BACN,gBACA,gBACS;AACT,SACE,CAAC,KAAK,cACN,CAAC,CAAC,KAAK,SACP,CAAC,CAAC,KAAK,SACP,KAAK,QAAQ,KAAK,SAClB,mBAAmB;;CAIvB,AAAQ,mBAA+B;AACrC,UAAQ,KAAK,MAAb;GACE,KAAK,cAAc,MACjB,QAAO;GACT,KAAK,cAAc,OACjB,QAAO;GACT,QACE,QAAO;;;CAIb,SAAS;EACP,MAAM,EAAE,SAAS,OAAO,YAAY,MAAM,OAAO,UAAU,UAAU;EAErE,MAAM,mBAAmB,SAAS;IAC/B,GAAG,eAAe;IAClB,GAAG,WAAW,QAAQ,SAAS;IAC/B,GAAG,WAAW,QAAQ,SAAS;GACjC,CAAC;EAEF,MAAM,iBAAiB,KAAK,mBAAmB,OAAO,WAAW,KAAK;EACtE,MAAM,iBAAiB,KAAK,mBAAmB,OAAO,QAAQ;EAC9D,MAAM,2BAAoC,KAAK,0BAC7C,gBACA,eACD;AAED,MAAI,QACF,QAAO,IAAI;yCACwB,KAAK;;AAI1C,SAAO,IAAI;mBACI,iBAAiB;;uBAEb,WAAW;;yBAET,WAAW,WAAW,MAAM;;;uBAG9B,WAAW;;YAEtB,WACE,IAAI;mBACC,WAAW,KAAK,kBAAkB,EAAE;GACrC,MAAM;GACN,OAAO,GAAG,WAAW;GACtB,CAAC,CAAC;yBAEL,QAAQ;;;yBAGG,WAAW;cACtB,aACE,IAAI,eAAe,WAAW;oBAC1B,eAAe,eAAe,WAAW;uBACtC,WAAW,WAAW;;0BAG7B,eAAe;;;;YAInB,2BACE,IAAI,gBAAgB,WAAW;wBACrB,GAAG,WAAW,QAAQ,iBAAiB;yBAEjD,QAAQ;;;yBAGG,WAAW;;;;;;;;gBAQlBA;;;YAjKf,SAAS;CAAE,MAAM;CAAQ,WAAW;CAAmB,CAAC;YAGxD,SAAS,EAAE,MAAM,QAAQ,CAAC;YAG1B,SAAS,EAAE,MAAM,SAAS,CAAC;YAG3B,SAAS,EAAE,MAAM,QAAQ,CAAC;YAG1B,SAAS,EAAE,MAAM,SAAS,CAAC;YAG3B,SAAS,EAAE,MAAM,QAAQ,CAAC;YAG1B,SAAS,EAAE,MAAM,QAAQ,CAAC;YAG1B,SAAS,EAAE,MAAM,SAAS,CAAC;YAG3B,SAAS,EAAE,MAAM,SAAS,CAAC;YAG3B,SAAS,EAAE,MAAM,QAAQ,CAAC;2BA7B5BC,cAAc,GAAG,OAAO,aAAa;AAsKtC,yBAAe"}