@carbon/ibm-products-web-components 0.30.0-rc.0 → 0.30.0

package/es-custom/components/user-avatar/user-avatar.js

@@ -0,0 +1,141 @@
+/**
+ * Copyright IBM Corp. 2024
+ *
+ * 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 { prefix, carbonPrefix } from '../../globals/settings.js';
+import HostListenerMixin from '@carbon/web-components/es/globals/mixins/host-listener.js';
+import { carbonElement } from '@carbon/web-components/es/globals/decorators/carbon-element.js';
+import styles from './user-avatar.scss.js';
+import '@carbon/web-components/es-custom/components/tooltip/index.js';
+import User from '@carbon/icons/es/user/16';
+import { iconLoader } from '@carbon/web-components/es/globals/internal/icon-loader.js';
+
+/**
+ * @license
+ *
+ * Copyright IBM Corp. 2025, 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}--user-avatar`;
+/**
+ * Useravatar.
+ *
+ * @element c4p-user-avatar
+ * */
+let CDSUseravatar = class CDSUseravatar extends HostListenerMixin(LitElement) {
+    constructor() {
+        super(...arguments);
+        /**
+         * Specify the alignment of the tooltip.
+         */
+        this.tooltipAlignment = 'bottom';
+        /**
+         * Provide the background color need to be set for UserAvatar.
+         */
+        this.backgroundColor = 'order-1-cyan';
+    }
+    render() {
+        const getItem = () => {
+            var _a;
+            if (this.image) {
+                const imageClasses = classMap({
+                    [`${blockClass}__photo`]: true,
+                    [`${blockClass}__photo--${this.size}`]: this.size,
+                });
+                return html ` <img
+          alt="${this.imageDescription}"
+          src="${this.image}"
+          class="${imageClasses}"
+        />`;
+            }
+            if (this.querySelector('[slot="rendericon"]')) {
+                return html `<slot name="rendericon"></slot>`;
+            }
+            if (this.name) {
+                const parts = ((_a = this.name) === null || _a === void 0 ? void 0 : _a.split(' ')) || [];
+                const firstChar = parts[0].charAt(0).toUpperCase();
+                const secondChar = parts[0].charAt(1).toUpperCase();
+                if (parts.length === 1) {
+                    return firstChar + secondChar;
+                }
+                const lastChar = parts[parts.length - 1].charAt(0).toUpperCase();
+                const initials = [firstChar];
+                if (lastChar) {
+                    initials.push(lastChar);
+                }
+                return ''.concat(...initials);
+            }
+            return html `${iconLoader(User, { slot: 'rendericon' })} `;
+        };
+        const { tooltipText, tooltipAlignment, size, backgroundColor, theme } = this;
+        const classes = classMap({
+            [`${blockClass}`]: true,
+            [`${blockClass}--${size}`]: size,
+            [`${blockClass}--${backgroundColor}`]: backgroundColor,
+            [`${blockClass}--${theme}`]: theme,
+        });
+        const Avatar = () => html `<div class="${classes}">${getItem()}</div>`;
+        if (tooltipText) {
+            return html `<cds-custom-tooltip
+        align=${tooltipAlignment}
+        aria-label=${tooltipText}
+        class=${`${blockClass}__tooltip ${carbonPrefix}--icon-tooltip`}
+      >
+        <button class=${`${blockClass}__tooltip-trigger`} role="button">
+          ${Avatar()}
+        </button>
+        <cds-custom-tooltip-content
+          class=${`${blockClass}__tooltip-content`}
+          id="content"
+        >
+          ${tooltipText}
+        </cds-custom-tooltip-content>
+      </cds-custom-tooltip>`;
+        }
+        else {
+            return html ` ${Avatar()}`;
+        }
+    }
+};
+CDSUseravatar.shadowRootOptions = Object.assign(Object.assign({}, LitElement.shadowRootOptions), { delegatesFocus: true });
+CDSUseravatar.styles = styles;
+__decorate([
+    property({ reflect: true, attribute: 'tooltip-text' })
+], CDSUseravatar.prototype, "tooltipText", void 0);
+__decorate([
+    property({ reflect: true, attribute: 'tooltip-alignment' })
+], CDSUseravatar.prototype, "tooltipAlignment", void 0);
+__decorate([
+    property({ reflect: true })
+], CDSUseravatar.prototype, "name", void 0);
+__decorate([
+    property({ reflect: true })
+], CDSUseravatar.prototype, "size", void 0);
+__decorate([
+    property({ reflect: true })
+], CDSUseravatar.prototype, "image", void 0);
+__decorate([
+    property({ reflect: true, attribute: 'image-description' })
+], CDSUseravatar.prototype, "imageDescription", void 0);
+__decorate([
+    property({ reflect: true, attribute: 'background-color' })
+], CDSUseravatar.prototype, "backgroundColor", void 0);
+__decorate([
+    property({ reflect: true })
+], CDSUseravatar.prototype, "theme", void 0);
+CDSUseravatar = __decorate([
+    carbonElement(`${prefix}-user-avatar`)
+], CDSUseravatar);
+var CDSUseravatar$1 = CDSUseravatar;
+
+export { CDSUseravatar$1 as default };
+//# sourceMappingURL=user-avatar.js.map

package/es-custom/components/user-avatar/user-avatar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"user-avatar.js","sources":["../../../src/components/user-avatar/user-avatar.ts"],"sourcesContent":[null],"names":["customElement"],"mappings":"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"}

package/es-custom/components/user-avatar/user-avatar.scss.js

@@ -0,0 +1,13 @@
+/**
+ * Copyright IBM Corp. 2024
+ *
+ * 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';
+
+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}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}.cds-custom--layout--size-xs{--cds-layout-size-height-context:var(--cds-layout-size-height-xs,1.5rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds-custom--layout-constraint--size__default-xs{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-xs,1.5rem))}.cds-custom--layout-constraint--size__min-xs{--cds-layout-size-height-min:var(--cds-layout-size-height-xs,1.5rem)}.cds-custom--layout-constraint--size__max-xs{--cds-layout-size-height-max:var(--cds-layout-size-height-xs,1.5rem)}.cds-custom--layout--size-sm{--cds-layout-size-height-context:var(--cds-layout-size-height-sm,2rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds-custom--layout-constraint--size__default-sm{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-sm,2rem))}.cds-custom--layout-constraint--size__min-sm{--cds-layout-size-height-min:var(--cds-layout-size-height-sm,2rem)}.cds-custom--layout-constraint--size__max-sm{--cds-layout-size-height-max:var(--cds-layout-size-height-sm,2rem)}.cds-custom--layout--size-md{--cds-layout-size-height-context:var(--cds-layout-size-height-md,2.5rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds-custom--layout-constraint--size__default-md{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-md,2.5rem))}.cds-custom--layout-constraint--size__min-md{--cds-layout-size-height-min:var(--cds-layout-size-height-md,2.5rem)}.cds-custom--layout-constraint--size__max-md{--cds-layout-size-height-max:var(--cds-layout-size-height-md,2.5rem)}.cds-custom--layout--size-lg{--cds-layout-size-height-context:var(--cds-layout-size-height-lg,3rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds-custom--layout-constraint--size__default-lg{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-lg,3rem))}.cds-custom--layout-constraint--size__min-lg{--cds-layout-size-height-min:var(--cds-layout-size-height-lg,3rem)}.cds-custom--layout-constraint--size__max-lg{--cds-layout-size-height-max:var(--cds-layout-size-height-lg,3rem)}.cds-custom--layout--size-xl{--cds-layout-size-height-context:var(--cds-layout-size-height-xl,4rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds-custom--layout-constraint--size__default-xl{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-xl,4rem))}.cds-custom--layout-constraint--size__min-xl{--cds-layout-size-height-min:var(--cds-layout-size-height-xl,4rem)}.cds-custom--layout-constraint--size__max-xl{--cds-layout-size-height-max:var(--cds-layout-size-height-xl,4rem)}.cds-custom--layout--size-2xl{--cds-layout-size-height-context:var(--cds-layout-size-height-2xl,5rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds-custom--layout-constraint--size__default-2xl{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-2xl,5rem))}.cds-custom--layout-constraint--size__min-2xl{--cds-layout-size-height-min:var(--cds-layout-size-height-2xl,5rem)}.cds-custom--layout-constraint--size__max-2xl{--cds-layout-size-height-max:var(--cds-layout-size-height-2xl,5rem)}.cds-custom--layout--density-condensed{--cds-layout-density-padding-inline-context:var(--cds-layout-density-padding-inline-condensed,0.5rem);--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context)}.cds-custom--layout-constraint--density__default-condensed{--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context,var(--cds-layout-density-padding-inline-condensed,0.5rem))}.cds-custom--layout-constraint--density__min-condensed{--cds-layout-density-padding-inline-min:var(--cds-layout-density-padding-inline-condensed,0.5rem)}.cds-custom--layout-constraint--density__max-condensed{--cds-layout-density-padding-inline-max:var(--cds-layout-density-padding-inline-condensed,0.5rem)}.cds-custom--layout--density-normal{--cds-layout-density-padding-inline-context:var(--cds-layout-density-padding-inline-normal,1rem);--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context)}.cds-custom--layout-constraint--density__default-normal{--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context,var(--cds-layout-density-padding-inline-normal,1rem))}.cds-custom--layout-constraint--density__min-normal{--cds-layout-density-padding-inline-min:var(--cds-layout-density-padding-inline-normal,1rem)}.cds-custom--layout-constraint--density__max-normal{--cds-layout-density-padding-inline-max:var(--cds-layout-density-padding-inline-normal,1rem)}:root{--cds-layout-size-height-xs:1.5rem;--cds-layout-size-height-sm:2rem;--cds-layout-size-height-md:2.5rem;--cds-layout-size-height-lg:3rem;--cds-layout-size-height-xl:4rem;--cds-layout-size-height-2xl:5rem;--cds-layout-size-height-min:0px;--cds-layout-size-height-max:999999999px;--cds-layout-density-padding-inline-condensed:0.5rem;--cds-layout-density-padding-inline-normal:1rem;--cds-layout-density-padding-inline-min:0px;--cds-layout-density-padding-inline-max:999999999px}@keyframes cds-custom--hide-feedback{0%{opacity:1;visibility:inherit}to{opacity:0;visibility:hidden}}@keyframes cds-custom--show-feedback{0%{opacity:0;visibility:hidden}to{opacity:1;visibility:inherit}}@keyframes cds-custom--skeleton{0%{opacity:.3;transform:scaleX(0);transform-origin:left}20%{opacity:1;transform:scaleX(1);transform-origin:left}28%{transform:scaleX(1);transform-origin:right}51%{transform:scaleX(0);transform-origin:right}58%{transform:scaleX(0);transform-origin:right}82%{transform:scaleX(1);transform-origin:right}83%{transform:scaleX(1);transform-origin:left}96%{transform:scaleX(0);transform-origin:left}to{opacity:.3;transform:scaleX(0);transform-origin:left}}.cds-custom--assistive-text,.cds-custom--visually-hidden{block-size:1px;border:0;margin:-1px;overflow:hidden;padding:0;position:absolute;clip:rect(0,0,0,0);inline-size:1px;visibility:inherit;white-space:nowrap}.c4p--user-avatar{align-items:center;block-size:4rem;border:.5px solid transparent;border-radius:100%;color:var(--cds-text-inverse,#fff);display:flex;inline-size:4rem;justify-content:center;outline:none;outline-offset:3px;position:relative}.c4p--user-avatar svg{color:var(--cds-icon-inverse,#fff)}.c4p--user-avatar__tooltip:focus-within .c4p--user-avatar{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:1px}.cds-custom--g10 .c4p--user-avatar--order-1-cyan,.cds-custom--white .c4p--user-avatar--order-1-cyan,:root .c4p--user-avatar--order-1-cyan{background-color:#0072c3}.cds-custom--g10 .c4p--user-avatar--order-2-gray,.cds-custom--white .c4p--user-avatar--order-2-gray,:root .c4p--user-avatar--order-2-gray{background-color:#6f6f6f}.cds-custom--g10 .c4p--user-avatar--order-3-green,.cds-custom--white .c4p--user-avatar--order-3-green,:root .c4p--user-avatar--order-3-green{background-color:#198038}.cds-custom--g10 .c4p--user-avatar--order-4-magenta,.cds-custom--white .c4p--user-avatar--order-4-magenta,:root .c4p--user-avatar--order-4-magenta{background-color:#d02670}.cds-custom--g10 .c4p--user-avatar--order-5-purple,.cds-custom--white .c4p--user-avatar--order-5-purple,:root .c4p--user-avatar--order-5-purple{background-color:#8a3ffc}.cds-custom--g10 .c4p--user-avatar--order-6-teal,.cds-custom--white .c4p--user-avatar--order-6-teal,:root .c4p--user-avatar--order-6-teal{background-color:#007d79}.cds-custom--g10 .c4p--user-avatar--order-7-cyan,.cds-custom--white .c4p--user-avatar--order-7-cyan,:root .c4p--user-avatar--order-7-cyan{background-color:#003a6d}.cds-custom--g10 .c4p--user-avatar--order-8-gray,.cds-custom--white .c4p--user-avatar--order-8-gray,:root .c4p--user-avatar--order-8-gray{background-color:#393939}.cds-custom--g10 .c4p--user-avatar--order-9-green,.cds-custom--white .c4p--user-avatar--order-9-green,:root .c4p--user-avatar--order-9-green{background-color:#044317}.cds-custom--g10 .c4p--user-avatar--order-10-magenta,.cds-custom--white .c4p--user-avatar--order-10-magenta,:root .c4p--user-avatar--order-10-magenta{background-color:#740937}.cds-custom--g10 .c4p--user-avatar--order-11-purple,.cds-custom--white .c4p--user-avatar--order-11-purple,:root .c4p--user-avatar--order-11-purple{background-color:#491d8b}.cds-custom--g10 .c4p--user-avatar--order-12-teal,.cds-custom--white .c4p--user-avatar--order-12-teal,:root .c4p--user-avatar--order-12-teal{background-color:#004144}.cds-custom--g100 .c4p--user-avatar--order-1-cyan,.cds-custom--g90 .c4p--user-avatar--order-1-cyan{background-color:#1192e8}.cds-custom--g100 .c4p--user-avatar--order-2-gray,.cds-custom--g90 .c4p--user-avatar--order-2-gray{background-color:#8d8d8d}.cds-custom--g100 .c4p--user-avatar--order-3-green,.cds-custom--g90 .c4p--user-avatar--order-3-green{background-color:#24a148}.cds-custom--g100 .c4p--user-avatar--order-4-magenta,.cds-custom--g90 .c4p--user-avatar--order-4-magenta{background-color:#ee5396}.cds-custom--g100 .c4p--user-avatar--order-5-purple,.cds-custom--g90 .c4p--user-avatar--order-5-purple{background-color:#a56eff}.cds-custom--g100 .c4p--user-avatar--order-6-teal,.cds-custom--g90 .c4p--user-avatar--order-6-teal{background-color:#009d9a}.cds-custom--g100 .c4p--user-avatar--order-7-cyan,.cds-custom--g90 .c4p--user-avatar--order-7-cyan{background-color:#82cfff}.cds-custom--g100 .c4p--user-avatar--order-8-gray,.cds-custom--g90 .c4p--user-avatar--order-8-gray{background-color:#c6c6c6}.cds-custom--g100 .c4p--user-avatar--order-9-green,.cds-custom--g90 .c4p--user-avatar--order-9-green{background-color:#6fdc8c}.cds-custom--g100 .c4p--user-avatar--order-10-magenta,.cds-custom--g90 .c4p--user-avatar--order-10-magenta{background-color:#ffafd2}.cds-custom--g100 .c4p--user-avatar--order-11-purple,.cds-custom--g90 .c4p--user-avatar--order-11-purple{background-color:#d4bbff}.cds-custom--g100 .c4p--user-avatar--order-12-teal,.cds-custom--g90 .c4p--user-avatar--order-12-teal{background-color:#3ddbd9}.c4p--user-avatar--xl{block-size:4rem;font-size:var(--cds-heading-04-font-size,1.75rem);font-weight:var(--cds-heading-04-font-weight,400);inline-size:4rem;letter-spacing:var(--cds-heading-04-letter-spacing,0);line-height:var(--cds-heading-04-line-height,1.28572)}.c4p--user-avatar--lg{block-size:3rem;font-size:var(--cds-heading-03-font-size,1.25rem);font-weight:var(--cds-heading-03-font-weight,400);inline-size:3rem;letter-spacing:var(--cds-heading-03-letter-spacing,0);line-height:var(--cds-heading-03-line-height,1.4)}.c4p--user-avatar--md{block-size:2rem;font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);inline-size:2rem;letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);line-height:var(--cds-body-compact-01-line-height,1.28572)}.c4p--user-avatar--sm{block-size:1.5rem;font-size:var(--cds-label-01-font-size,.75rem);font-weight:var(--cds-label-01-font-weight,400);inline-size:1.5rem;letter-spacing:var(--cds-label-01-letter-spacing,.32px);line-height:var(--cds-label-01-line-height,1.33333)}.c4p--user-avatar__photo{border-radius:100%;-o-object-fit:contain;object-fit:contain}.c4p--user-avatar__photo--xl{block-size:4rem;border-radius:100%;inline-size:4rem;-o-object-fit:fill;object-fit:fill}.c4p--user-avatar__photo--lg{block-size:3rem;border-radius:100%;inline-size:3rem;-o-object-fit:fill;object-fit:fill}.c4p--user-avatar__photo--md{block-size:2rem;border-radius:100%;inline-size:2rem;-o-object-fit:fill;object-fit:fill}.c4p--user-avatar__photo--sm{block-size:1.5rem;border-radius:100%;inline-size:1.5rem;-o-object-fit:fill;object-fit:fill}:host(c4p-user-avatar){display:inline-block}:host(c4p-user-avatar) .c4p--user-avatar{box-sizing:border-box}:host(c4p-user-avatar) .c4p--user-avatar--xl ::slotted([slot=rendericon]){block-size:2rem;inline-size:2rem}:host(c4p-user-avatar) .c4p--user-avatar--lg ::slotted([slot=rendericon]){block-size:1.5rem;inline-size:1.5rem}:host(c4p-user-avatar) .c4p--user-avatar--md ::slotted([slot=rendericon]){block-size:1.25rem;inline-size:1.25rem}:host(c4p-user-avatar) .c4p--user-avatar--sm ::slotted([slot=rendericon]){block-size:1rem;inline-size:1rem}:host(c4p-user-avatar) .c4p--user-avatar__tooltip-trigger{background:none;border:0;outline:none;padding:0}:host(c4p-user-avatar) .c4p--user-avatar__tooltip-content{--cds-tooltip-padding-block:0.125rem}:host(c4p-user-avatar) .c4p--user-avatar__tooltip-content:focus-within{outline:.125rem solid var(--cds-focus,#0f62fe);outline-offset:1px}:host(c4p-user-avatar) .c4p--user-avatar--order-1-cyan,:host(c4p-user-avatar[theme=light]) .c4p--user-avatar--order-1-cyan{background-color:#0072c3}:host(c4p-user-avatar) .c4p--user-avatar--order-2-gray,:host(c4p-user-avatar[theme=light]) .c4p--user-avatar--order-2-gray{background-color:#6f6f6f}:host(c4p-user-avatar) .c4p--user-avatar--order-3-green,:host(c4p-user-avatar[theme=light]) .c4p--user-avatar--order-3-green{background-color:#198038}:host(c4p-user-avatar) .c4p--user-avatar--order-4-magenta,:host(c4p-user-avatar[theme=light]) .c4p--user-avatar--order-4-magenta{background-color:#d02670}:host(c4p-user-avatar) .c4p--user-avatar--order-5-purple,:host(c4p-user-avatar[theme=light]) .c4p--user-avatar--order-5-purple{background-color:#8a3ffc}:host(c4p-user-avatar) .c4p--user-avatar--order-6-teal,:host(c4p-user-avatar[theme=light]) .c4p--user-avatar--order-6-teal{background-color:#007d79}:host(c4p-user-avatar) .c4p--user-avatar--order-7-cyan,:host(c4p-user-avatar[theme=light]) .c4p--user-avatar--order-7-cyan{background-color:#003a6d}:host(c4p-user-avatar) .c4p--user-avatar--order-8-gray,:host(c4p-user-avatar[theme=light]) .c4p--user-avatar--order-8-gray{background-color:#393939}:host(c4p-user-avatar) .c4p--user-avatar--order-9-green,:host(c4p-user-avatar[theme=light]) .c4p--user-avatar--order-9-green{background-color:#044317}:host(c4p-user-avatar) .c4p--user-avatar--order-10-magenta,:host(c4p-user-avatar[theme=light]) .c4p--user-avatar--order-10-magenta{background-color:#740937}:host(c4p-user-avatar) .c4p--user-avatar--order-11-purple,:host(c4p-user-avatar[theme=light]) .c4p--user-avatar--order-11-purple{background-color:#491d8b}:host(c4p-user-avatar) .c4p--user-avatar--order-12-teal,:host(c4p-user-avatar[theme=light]) .c4p--user-avatar--order-12-teal{background-color:#004144}:host(c4p-user-avatar[theme=dark]) .c4p--user-avatar--order-1-cyan{background-color:#1192e8}:host(c4p-user-avatar[theme=dark]) .c4p--user-avatar--order-2-gray{background-color:#8d8d8d}:host(c4p-user-avatar[theme=dark]) .c4p--user-avatar--order-3-green{background-color:#24a148}:host(c4p-user-avatar[theme=dark]) .c4p--user-avatar--order-4-magenta{background-color:#ee5396}:host(c4p-user-avatar[theme=dark]) .c4p--user-avatar--order-5-purple{background-color:#a56eff}:host(c4p-user-avatar[theme=dark]) .c4p--user-avatar--order-6-teal{background-color:#009d9a}:host(c4p-user-avatar[theme=dark]) .c4p--user-avatar--order-7-cyan{background-color:#82cfff}:host(c4p-user-avatar[theme=dark]) .c4p--user-avatar--order-8-gray{background-color:#c6c6c6}:host(c4p-user-avatar[theme=dark]) .c4p--user-avatar--order-9-green{background-color:#6fdc8c}:host(c4p-user-avatar[theme=dark]) .c4p--user-avatar--order-10-magenta{background-color:#ffafd2}:host(c4p-user-avatar[theme=dark]) .c4p--user-avatar--order-11-purple{background-color:#d4bbff}:host(c4p-user-avatar[theme=dark]) .c4p--user-avatar--order-12-teal{background-color:#3ddbd9}"]);
+
+export { styles as default };
+//# sourceMappingURL=user-avatar.scss.js.map

package/es-custom/components/user-avatar/user-avatar.scss.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"user-avatar.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;"}

package/es-custom/components/user-avatar/user-avatar.test.d.ts

@@ -0,0 +1 @@
+import './index';

package/es-custom/components/user-avatar/user-avatar.test.js

@@ -0,0 +1,128 @@
+/**
+ * Copyright IBM Corp. 2024
+ *
+ * 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 { vi, describe, it, expect } from 'vitest';
+import { fixture, html } from '@open-wc/testing';
+import './user-avatar.js';
+import { prefix } from '../../globals/settings.js';
+
+/**
+ * Copyright IBM Corp. 2024, 2024
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+vi.mock('./_story-assets/headshot.jpg', () => 'mock-image-path');
+const blockClass = `${prefix}--user-avatar`;
+const defaultProps = {
+    tooltipText: 'TW, Thomas J. Watson user profile',
+    name: 'Thomas J. Watson',
+    backgroundColor: 'order-1-cyan',
+};
+const template = (props = defaultProps) => html `
+  <c4p-user-avatar
+    tooltip-text=${props.tooltipText}
+    name=${props.name}
+    background-color=${props.backgroundColor}
+    size=${props.size}
+    image=${props.image}
+    imageDescription=${props.imageDescription}
+  >
+  </c4p-user-avatar>
+`;
+const iconTemplate = (props = defaultProps) => html `
+  <c4p-user-avatar
+    tooltip-text=${props.tooltipText}
+    name=${props.name}
+    background-color=${props.backgroundColor}
+    size=${props.size}
+    image=${props.image}
+    imageDescription=${props.imageDescription}
+  >
+    <svg slot="rendericon" data-test-id="mock-icon" viewBox="0 0 32 32">
+      <circle cx="16" cy="10" r="6"></circle>
+      <path d="M16 18C10 18 4 22 4 26V28H28V26C28 22 22 18 16 18Z"></path>
+    </svg>
+  </c4p-user-avatar>
+`;
+describe('c4p-user-avatar', () => {
+    it('should render a user avatar', async () => {
+        const userAvatar = await fixture(template(Object.assign({}, defaultProps)));
+        expect(userAvatar).toBeDefined();
+    });
+    it('should return a circle with background color', async () => {
+        var _a, _b;
+        const userAvatar = await fixture(template(Object.assign({}, defaultProps)));
+        expect(userAvatar).toBeDefined();
+        expect(userAvatar.getAttribute('background-color')).toBe('order-1-cyan');
+        const bgClass = (_b = (_a = userAvatar === null || userAvatar === void 0 ? void 0 : userAvatar.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelectorAll(`.${blockClass}--order-1-cyan`)) === null || _b === void 0 ? void 0 : _b[0];
+        expect(bgClass).toBeDefined();
+    });
+    it('should return a circle with updated background color', async () => {
+        var _a, _b;
+        const userAvatar = await fixture(template(Object.assign(Object.assign({}, defaultProps), { backgroundColor: 'order-3-green' })));
+        expect(userAvatar).toBeDefined();
+        expect(userAvatar.getAttribute('background-color')).toBe('order-3-green');
+        const bgClass = (_b = (_a = userAvatar === null || userAvatar === void 0 ? void 0 : userAvatar.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelectorAll(`.${blockClass}--order-3-green`)) === null || _b === void 0 ? void 0 : _b[0];
+        expect(bgClass).toBeDefined();
+    });
+    it('applies className to the containing node', async () => {
+        const customClass = 'test';
+        const userAvatar = await fixture(template(Object.assign({}, defaultProps)));
+        userAvatar.classList.add(customClass);
+        expect(userAvatar.getAttribute('class')).to.include(customClass);
+    });
+    it('should return appropriately size circle based on size prop', async () => {
+        var _a, _b;
+        const userAvatar = await fixture(template(Object.assign(Object.assign({}, defaultProps), { size: 'md' })));
+        const hasSizeClass = (_b = (_a = userAvatar === null || userAvatar === void 0 ? void 0 : userAvatar.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelectorAll(`.${blockClass}--md`)) === null || _b === void 0 ? void 0 : _b[0];
+        // expect the element is present
+        expect(hasSizeClass).toBeDefined();
+    });
+    it('should render the initials when passed the name prop', async () => {
+        var _a, _b;
+        const userAvatar = await fixture(template(Object.assign({}, defaultProps)));
+        const initials = (_b = (_a = userAvatar === null || userAvatar === void 0 ? void 0 : userAvatar.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelectorAll(`.${blockClass}`)) === null || _b === void 0 ? void 0 : _b[0];
+        expect(initials).to.exist;
+        expect(initials === null || initials === void 0 ? void 0 : initials.textContent).to.equal('TW');
+    });
+    it('should render the initials when simply passing two names to the name prop', async () => {
+        var _a, _b;
+        const userAvatar = await fixture(template(Object.assign(Object.assign({}, defaultProps), { name: 'DN' })));
+        const initials = (_b = (_a = userAvatar === null || userAvatar === void 0 ? void 0 : userAvatar.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelectorAll(`.${blockClass}`)) === null || _b === void 0 ? void 0 : _b[0];
+        expect(initials).to.exist;
+        expect(initials === null || initials === void 0 ? void 0 : initials.textContent).to.equal('DN');
+    });
+    it('should render a tooltip if the tooltipText is supplied', async () => {
+        var _a, _b;
+        const userAvatar = await fixture(template(Object.assign({}, defaultProps)));
+        const tooltipElement = (_b = (_a = userAvatar === null || userAvatar === void 0 ? void 0 : userAvatar.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelectorAll(`.${blockClass}__tooltip`)) === null || _b === void 0 ? void 0 : _b[0];
+        expect(tooltipElement).to.exist;
+    });
+    it('should render a tooltip if the tooltipText is supplied', async () => {
+        var _a, _b;
+        const userAvatar = await fixture(template(Object.assign(Object.assign({}, defaultProps), { tooltipText: '' })));
+        const tooltipElement = (_b = (_a = userAvatar === null || userAvatar === void 0 ? void 0 : userAvatar.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelectorAll(`${blockClass}__tooltip`)) === null || _b === void 0 ? void 0 : _b[0];
+        expect(tooltipElement).to.not.exist;
+    });
+    it('should return an icon for the avatar image', async () => {
+        var _a;
+        const userAvatar = await fixture(iconTemplate(Object.assign(Object.assign({}, defaultProps), { size: 'md' })));
+        const renderedSVG = (_a = userAvatar === null || userAvatar === void 0 ? void 0 : userAvatar.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('slot[name="rendericon"]');
+        expect(renderedSVG).to.exist;
+        const assignedNodes = renderedSVG.assignedNodes({ flatten: true });
+        const svg = assignedNodes.find((node) => node.nodeName.toLowerCase() === 'svg');
+        expect(svg).to.exist;
+    });
+    it('should render image for the avatar image', async () => {
+        var _a, _b;
+        const userAvatar = await fixture(template(Object.assign(Object.assign({}, defaultProps), { image: 'mock-image-path', imageDescription: 'test alt text' })));
+        const imagePath = (_b = (_a = userAvatar === null || userAvatar === void 0 ? void 0 : userAvatar.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('img')) === null || _b === void 0 ? void 0 : _b.getAttribute('src');
+        expect(typeof imagePath).toBe('string');
+    });
+});
+//# sourceMappingURL=user-avatar.test.js.map

package/es-custom/components/user-avatar/user-avatar.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"user-avatar.test.js","sources":["../../../src/components/user-avatar/user-avatar.test.ts"],"sourcesContent":[null],"names":[],"mappings":"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"}

package/es-custom/globals/internal/handle.d.ts

@@ -0,0 +1,18 @@
+/**
+ * @license
+ *
+ * Copyright IBM Corp. 2019
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+/**
+ * An object to keep track of things that can be cleaned up.
+ */
+export default interface Handle {
+    /**
+     * Releases the thing that this object is keeping track of.
+     * For example, if this `Handle` is keeping track of an event listener, this `release()` method removes the event listener.
+     */
+    release(): null;
+}

package/es-custom/globals/internal/handle.js

@@ -0,0 +1,8 @@
+/**
+ * Copyright IBM Corp. 2024
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+//# sourceMappingURL=handle.js.map

package/es-custom/globals/internal/handle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"handle.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;"}

package/es-custom/globals/internal/pconsole.d.ts

@@ -0,0 +1,15 @@
+export declare const isProduction: boolean;
+export declare const noop: () => undefined;
+export declare const shimIfProduction: (fn: any) => any;
+export declare const log: any;
+export declare const warn: any;
+export declare const error: any;
+declare const _default: {
+    isProduction: boolean;
+    noop: () => undefined;
+    shimIfProduction: (fn: any) => any;
+    log: any;
+    warn: any;
+    error: any;
+};
+export default _default;

package/es-custom/globals/internal/pconsole.js

@@ -0,0 +1,30 @@
+/**
+ * Copyright IBM Corp. 2024
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+//
+// Copyright IBM Corp. 2020, 2021
+//
+// 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 isProduction = process.env.NODE_ENV === 'production';
+const noop = () => undefined;
+const shimIfProduction = (fn) => (isProduction ? noop : fn);
+const log = shimIfProduction((...args) => console.log(...args));
+const warn = shimIfProduction((...args) => console.warn(...args));
+const error = shimIfProduction((...args) => console.error(...args));
+var pconsole = {
+    isProduction,
+    noop,
+    shimIfProduction,
+    log,
+    warn,
+    error,
+};
+
+export { pconsole as default, error, isProduction, log, noop, shimIfProduction, warn };
+//# sourceMappingURL=pconsole.js.map

package/es-custom/globals/internal/pconsole.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"pconsole.js","sources":["../../../src/globals/internal/pconsole.ts"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AAEa,MAAA,YAAY,GAAG,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK;MACxC,IAAI,GAAG,MAAM;MACb,gBAAgB,GAAG,CAAC,EAAE,MAAM,YAAY,GAAG,IAAI,GAAG,EAAE;MACpD,GAAG,GAAG,gBAAgB,CAAC,CAAC,GAAG,IAAI,KAAK,OAAO,CAAC,GAAG,CAAC,GAAG,IAAI,CAAC;MACxD,IAAI,GAAG,gBAAgB,CAAC,CAAC,GAAG,IAAI,KAAK,OAAO,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC;MAC1D,KAAK,GAAG,gBAAgB,CAAC,CAAC,GAAG,IAAI,KAAK,OAAO,CAAC,KAAK,CAAC,GAAG,IAAI,CAAC;AAEzE,eAAe;IACb,YAAY;IACZ,IAAI;IACJ,gBAAgB;IAChB,GAAG;IACH,IAAI;IACJ,KAAK;CACN;;;;"}

package/es-custom/globals/internal/storybook-cdn.js

@@ -0,0 +1,78 @@
+/**
+ * Copyright IBM Corp. 2024
+ *
+ * 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 packageJson from '../../packages/ibm-products-web-components/package.json.js';
+
+/**
+ * @license
+ *
+ * Copyright IBM Corp. 2021, 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.
+ */
+
+
+/**
+ *
+ */
+/**
+ * Renders the component(s) script tag content and returns back the string
+ *
+ * @param {Array} components array of component names
+ * @param {string} tag tag folder
+ */
+function _renderScript(components, tag) {
+  let scripts = '';
+  components.forEach((component) => {
+    scripts += `<script type="module" src="https://1.www.s81c.com/common/carbon/web-components/${tag}/${component}.min.js"></script>\n`;
+  });
+  return scripts;
+}
+
+/**
+ * This is the markdown block for JS via CDN
+ *
+ * @param {Array} components array of components to render
+ * @param components.components components to render
+ */
+const cdnJs = ({ components }) => {
+  return `
+### JS (via CDN)
+
+ > NOTE: Only one version of artifacts should be used. Mixing versions will cause rendering issues.
+
+ \`\`\`html
+ // SPECIFIC VERSION (available starting v2.0.0)
+ ${_renderScript(components, `version/v${packageJson.version}`)}
+ \`\`\`
+
+ #### Right-to-left (RTL) versions
+
+ \`\`\`html
+ // SPECIFIC VERSION (available starting v2.0.0)
+ ${_renderScript(components, `version/v${packageJson.version}`)}
+ \`\`\`
+   `;
+};
+
+/**
+ * This is the markdown block for CSS via CDN
+ */
+const cdnCss = () => {
+  return `
+### Carbon CDN style helpers (optional)
+
+There are optional CDN artifacts available that can assist with global Carbon
+styles in lieu of including into your specific application bundle.
+
+[Click here to learn more](https://github.com/carbon-design-system/carbon-for-ibm-dotcom/blob/main/packages/web-components/docs/carbon-cdn-style-helpers.md)\n\n
+  `;
+};
+
+export { cdnCss, cdnJs };
+//# sourceMappingURL=storybook-cdn.js.map

package/es-custom/globals/internal/storybook-cdn.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"storybook-cdn.js","sources":["../../../src/globals/internal/storybook-cdn.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2021, 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 packageJson from '../../../package.json';\n\n/**\n *\n */\n/**\n * Renders the component(s) script tag content and returns back the string\n *\n * @param {Array} components array of component names\n * @param {string} tag tag folder\n */\nfunction _renderScript(components, tag) {\n  let scripts = '';\n  components.forEach((component) => {\n    scripts += `<script type=\"module\" src=\"https://1.www.s81c.com/common/carbon/web-components/${tag}/${component}.min.js\"></script>\\n`;\n  });\n  return scripts;\n}\n\n/**\n * This is the markdown block for JS via CDN\n *\n * @param {Array} components array of components to render\n * @param components.components components to render\n */\nexport const cdnJs = ({ components }) => {\n  return `\n### JS (via CDN)\n\n > NOTE: Only one version of artifacts should be used. Mixing versions will cause rendering issues.\n\n \\`\\`\\`html\n // SPECIFIC VERSION (available starting v2.0.0)\n ${_renderScript(components, `version/v${packageJson.version}`)}\n \\`\\`\\`\n\n #### Right-to-left (RTL) versions\n\n \\`\\`\\`html\n // SPECIFIC VERSION (available starting v2.0.0)\n ${_renderScript(components, `version/v${packageJson.version}`)}\n \\`\\`\\`\n   `;\n};\n\n/**\n * This is the markdown block for CSS via CDN\n */\nexport const cdnCss = () => {\n  return `\n### Carbon CDN style helpers (optional)\n\nThere are optional CDN artifacts available that can assist with global Carbon\nstyles in lieu of including into your specific application bundle.\n\n[Click here to learn more](https://github.com/carbon-design-system/carbon-for-ibm-dotcom/blob/main/packages/web-components/docs/carbon-cdn-style-helpers.md)\\n\\n\n  `;\n};\n"],"names":[],"mappings":";;;;;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;AAIA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAAS,aAAa,CAAC,UAAU,EAAE,GAAG,EAAE;AACxC,EAAE,IAAI,OAAO,GAAG,EAAE;AAClB,EAAE,UAAU,CAAC,OAAO,CAAC,CAAC,SAAS,KAAK;AACpC,IAAI,OAAO,IAAI,CAAC,+EAA+E,EAAE,GAAG,CAAC,CAAC,EAAE,SAAS,CAAC,oBAAoB,CAAC;AACvI,GAAG,CAAC;AACJ,EAAE,OAAO,OAAO;AAChB;;AAEA;AACA;AACA;AACA;AACA;AACA;AACY,MAAC,KAAK,GAAG,CAAC,EAAE,UAAU,EAAE,KAAK;AACzC,EAAE,OAAO;AACT;;AAEA;;AAEA;AACA;AACA,CAAC,EAAE,aAAa,CAAC,UAAU,EAAE,CAAC,SAAS,EAAE,WAAW,CAAC,OAAO,CAAC,CAAC,CAAC;AAC/D;;AAEA;;AAEA;AACA;AACA,CAAC,EAAE,aAAa,CAAC,UAAU,EAAE,CAAC,SAAS,EAAE,WAAW,CAAC,OAAO,CAAC,CAAC,CAAC;AAC/D;AACA,GAAG,CAAC;AACJ;;AAEA;AACA;AACA;AACY,MAAC,MAAM,GAAG,MAAM;AAC5B,EAAE,OAAO;AACT;;AAEA;AACA;;AAEA;AACA,EAAE,CAAC;AACH;;;;"}

package/es-custom/globals/js/utils/getSupportedLocale.d.ts

@@ -0,0 +1,12 @@
+/**
+ * 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.
+ */
+/**
+ * Ensures the requested `locale` is valid, else returns the default locale.
+ *
+ * Reference: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/NumberFormat/NumberFormat#locales
+ */
+export declare const getSupportedLocale: (locale: Intl.LocalesArgument, defaultLocale?: string) => Intl.LocalesArgument;

package/es-custom/globals/js/utils/getSupportedLocale.js

@@ -0,0 +1,35 @@
+/**
+ * Copyright IBM Corp. 2024
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+/**
+ * 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.
+ */
+/**
+ * Ensures the requested `locale` is valid, else returns the default locale.
+ *
+ * Reference: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/NumberFormat/NumberFormat#locales
+ */
+const getSupportedLocale = (locale, defaultLocale = 'en-US') => {
+    let supportedLocale;
+    try {
+        // This line will throw an error if `locale` is not supported.
+        Intl.NumberFormat.supportedLocalesOf(locale);
+        // If no error is thrown, return `locale`,
+        supportedLocale = locale;
+    }
+    catch (error) {
+        // else return `defaultLocale`.
+        supportedLocale = defaultLocale;
+    }
+    return supportedLocale;
+};
+
+export { getSupportedLocale };
+//# sourceMappingURL=getSupportedLocale.js.map

package/es-custom/globals/js/utils/getSupportedLocale.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getSupportedLocale.js","sources":["../../../../src/globals/js/utils/getSupportedLocale.ts"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;AAAA;;;;;AAKG;AAEH;;;;AAIG;AAEU,MAAA,kBAAkB,GAAG,CAChC,MAA4B,EAC5B,aAAA,GAAwB,OAAO,KACP;AACxB,IAAA,IAAI,eAAqC;AAEzC,IAAA,IAAI;;AAEF,QAAA,IAAI,CAAC,YAAY,CAAC,kBAAkB,CAAC,MAAM,CAAC;;QAE5C,eAAe,GAAG,MAAM;;IACxB,OAAO,KAAK,EAAE;;QAEd,eAAe,GAAG,aAAa;;AAGjC,IAAA,OAAO,eAAe;AACxB;;;;"}

package/es-custom/globals/settings.d.ts

@@ -0,0 +1,15 @@
+/**
+ *
+ * Copyright IBM Corp. 2024, 2024
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+declare const prefix = "c4p";
+declare const carbonPrefix = "cds-custom";
+/**
+ * A selector selecting tabbable nodes.
+ * Borrowed from `carbon-angular`. tabbable === focusable.
+ */
+declare const selectorTabbable = "\n  c4p-side-nav-link,\n  c4p-side-nav-menu,\n  c4p-side-nav-menu-item\n";
+export { prefix, carbonPrefix, selectorTabbable };

package/es-custom/globals/settings.js

@@ -0,0 +1,28 @@
+/**
+ * Copyright IBM Corp. 2024
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+/**
+ *
+ * Copyright IBM Corp. 2024, 2024
+ *
+ * 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 prefix = 'c4p';
+const carbonPrefix = 'cds-custom';
+/**
+ * A selector selecting tabbable nodes.
+ * Borrowed from `carbon-angular`. tabbable === focusable.
+ */
+const selectorTabbable = `
+  ${prefix}-side-nav-link,
+  ${prefix}-side-nav-menu,
+  ${prefix}-side-nav-menu-item
+`;
+
+export { carbonPrefix, prefix, selectorTabbable };
+//# sourceMappingURL=settings.js.map

package/es-custom/globals/settings.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"settings.js","sources":["../../src/globals/settings.ts"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;AAAA;;;;;;AAMG;AAEG,MAAA,MAAM,GAAG;AACT,MAAA,YAAY,GAAG;AAErB;;;AAGG;AACH,MAAM,gBAAgB,GAAG;IACrB,MAAM,CAAA;IACN,MAAM,CAAA;IACN,MAAM,CAAA;;;;;"}