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

package/es/components/coachmark/coachmark-beacon/coachmark-beacon.js

@@ -0,0 +1,126 @@
+/**
+ * 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, state } from 'lit/decorators.js';
+import { prefix } 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 './coachmark-beacon.scss.js';
+import '@carbon/web-components/es/components/button/button.js';
+import { BEACON_KIND } from './defs.js';
+
+/**
+ * @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}--coachmark-beacon`;
+/**
+ * CoachmarkBeacon.
+ *
+ * @element c4p-coachmark-beacon
+ * @fires c4p-coachmark-beacon-clicked Custom event fired when beacon is clicked
+ * */
+let CDSCoachmarkBeacon = class CDSCoachmarkBeacon extends HostListenerMixin(LitElement) {
+    constructor() {
+        super(...arguments);
+        /**
+         * What style of beacon.
+         * BEACON_KIND is an enum from the Coachmark and can be used for this value.
+         * @see {@Link BEACON_KIND}
+         */
+        this.kind = BEACON_KIND.DEFAULT;
+        /**
+         * The aria label.
+         */
+        this.label = 'Show information';
+        /**
+         * id for the coachmark beacon
+         */
+        this.id = crypto.randomUUID();
+        this.expanded = false;
+        this.handleOutsideClick = (event) => {
+            if (!this.contains(event.target)) {
+                this.expanded = false;
+                document.removeEventListener('click', this.handleOutsideClick);
+            }
+        };
+    }
+    firstUpdated() {
+        this.classList.add(blockClass);
+        if (this.kind) {
+            this.classList.add(`${blockClass}-${this.kind}`);
+        }
+    }
+    _handleClick() {
+        this.expanded = !this.expanded;
+        if (this.expanded) {
+            document.addEventListener('click', this.handleOutsideClick);
+        }
+        else {
+            document.removeEventListener('click', this.handleOutsideClick);
+        }
+        this.dispatchEvent(new CustomEvent(this.constructor.beaconClicked, {
+            detail: { expanded: this.expanded },
+            bubbles: true,
+            composed: true,
+        }));
+    }
+    render() {
+        return html `
+      <cds-button
+        class="${blockClass}__target"
+        type="button"
+        id=${this.id}
+        aria-expanded="${String(this.expanded)}"
+        @click=${this._handleClick}
+      >
+        <slot name="icon">
+          <svg
+            class="${blockClass}__center"
+            aria-label=${this.label}
+            width="76"
+            height="76"
+            viewBox="0 0 76 76"
+          >
+            <title>${this.label}</title>
+            <circle r="1" cx="36" cy="36"></circle>
+          </svg>
+        </slot>
+      </cds-button>
+    `;
+    }
+    static get beaconClicked() {
+        return `${prefix}-coachmark-beacon-clicked`;
+    }
+};
+CDSCoachmarkBeacon.shadowRootOptions = Object.assign(Object.assign({}, LitElement.shadowRootOptions), { delegatesFocus: true });
+CDSCoachmarkBeacon.styles = styles;
+__decorate([
+    property({ reflect: true })
+], CDSCoachmarkBeacon.prototype, "kind", void 0);
+__decorate([
+    property({ type: String, reflect: true })
+], CDSCoachmarkBeacon.prototype, "label", void 0);
+__decorate([
+    property({ type: String, reflect: true })
+], CDSCoachmarkBeacon.prototype, "id", void 0);
+__decorate([
+    state()
+], CDSCoachmarkBeacon.prototype, "expanded", void 0);
+CDSCoachmarkBeacon = __decorate([
+    carbonElement(`${prefix}-coachmark-beacon`)
+], CDSCoachmarkBeacon);
+var CDSCoachmarkBeacon$1 = CDSCoachmarkBeacon;
+
+export { CDSCoachmarkBeacon$1 as default };
+//# sourceMappingURL=coachmark-beacon.js.map

package/es/components/coachmark/coachmark-beacon/coachmark-beacon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"coachmark-beacon.js","sources":["../../../../src/components/coachmark/coachmark-beacon/coachmark-beacon.ts"],"sourcesContent":[null],"names":["customElement"],"mappings":";;;;;;;;;;;;;;;;;AAAA;;;;;;;AAOG;AAWH,MAAM,UAAU,GAAG,CAAG,EAAA,MAAM,oBAAoB;AAEhD;;;;;AAKK;AAEL,IAAM,kBAAkB,GAAxB,MAAM,kBAAmB,SAAQ,iBAAiB,CAAC,UAAU,CAAC,CAAA;AAA9D,IAAA,WAAA,GAAA;;AACE;;;;AAIG;AAEH,QAAA,IAAA,CAAA,IAAI,GAAiB,WAAW,CAAC,OAAO;AAExC;;AAEG;QAEH,IAAK,CAAA,KAAA,GAAG,kBAAkB;AAC1B;;AAEG;AAEH,QAAA,IAAA,CAAA,EAAE,GAAW,MAAM,CAAC,UAAU,EAAE;QAEf,IAAQ,CAAA,QAAA,GAAG,KAAK;AA8BzB,QAAA,IAAA,CAAA,kBAAkB,GAAG,CAAC,KAAY,KAAI;YAC5C,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAc,CAAC,EAAE;AACxC,gBAAA,IAAI,CAAC,QAAQ,GAAG,KAAK;gBACrB,QAAQ,CAAC,mBAAmB,CAAC,OAAO,EAAE,IAAI,CAAC,kBAAkB,CAAC;;AAElE,SAAC;;IAjCD,YAAY,GAAA;AACV,QAAA,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,UAAU,CAAC;AAC9B,QAAA,IAAI,IAAI,CAAC,IAAI,EAAE;AACb,YAAA,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,CAAA,EAAG,UAAU,CAAA,CAAA,EAAI,IAAI,CAAC,IAAI,CAAA,CAAE,CAAC;;;IAI5C,YAAY,GAAA;AAClB,QAAA,IAAI,CAAC,QAAQ,GAAG,CAAC,IAAI,CAAC,QAAQ;AAE9B,QAAA,IAAI,IAAI,CAAC,QAAQ,EAAE;YACjB,QAAQ,CAAC,gBAAgB,CAAC,OAAO,EAAE,IAAI,CAAC,kBAAkB,CAAC;;aACtD;YACL,QAAQ,CAAC,mBAAmB,CAAC,OAAO,EAAE,IAAI,CAAC,kBAAkB,CAAC;;QAGhE,IAAI,CAAC,aAAa,CAChB,IAAI,WAAW,CACZ,IAAI,CAAC,WAAyC,CAAC,aAAa,EAC7D;AACE,YAAA,MAAM,EAAE,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE;AACnC,YAAA,OAAO,EAAE,IAAI;AACb,YAAA,QAAQ,EAAE,IAAI;AACf,SAAA,CACF,CACF;;IAUH,MAAM,GAAA;AACJ,QAAA,OAAO,IAAI,CAAA;;iBAEE,UAAU,CAAA;;AAEd,WAAA,EAAA,IAAI,CAAC,EAAE;AACK,uBAAA,EAAA,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAA;AAC7B,eAAA,EAAA,IAAI,CAAC,YAAY;;;;qBAIb,UAAU,CAAA;AACN,uBAAA,EAAA,IAAI,CAAC,KAAK;;;;;AAKd,mBAAA,EAAA,IAAI,CAAC,KAAK,CAAA;;;;;KAK1B;;AAOH,IAAA,WAAW,aAAa,GAAA;QACtB,OAAO,CAAA,EAAG,MAAM,CAAA,yBAAA,CAA2B;;;AANtC,kBAAiB,CAAA,iBAAA,GAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EACnB,UAAU,CAAC,iBAAiB,KAC/B,cAAc,EAAE,IAAI,EAAA,CAFE;AASjB,kBAAM,CAAA,MAAA,GAAG,MAAH;AAnFb,UAAA,CAAA;AADC,IAAA,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE;AACc,CAAA,EAAA,kBAAA,CAAA,SAAA,EAAA,MAAA,EAAA,MAAA,CAAA;AAMzC,UAAA,CAAA;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE;AACd,CAAA,EAAA,kBAAA,CAAA,SAAA,EAAA,OAAA,EAAA,MAAA,CAAA;AAK3B,UAAA,CAAA;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE;AACR,CAAA,EAAA,kBAAA,CAAA,SAAA,EAAA,IAAA,EAAA,MAAA,CAAA;AAEhB,UAAA,CAAA;AAAhB,IAAA,KAAK;AAA4B,CAAA,EAAA,kBAAA,CAAA,SAAA,EAAA,UAAA,EAAA,MAAA,CAAA;AApB9B,kBAAkB,GAAA,UAAA,CAAA;AADvB,IAAAA,aAAa,CAAC,CAAA,EAAG,MAAM,CAAA,iBAAA,CAAmB;AACrC,CAAA,EAAA,kBAAkB,CA2FvB;AACD,2BAAe,kBAAkB;;;;"}

package/es/components/coachmark/coachmark-beacon/coachmark-beacon.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([".c4p--coachmark-beacon{position:relative}.c4p--coachmark-beacon-default .c4p--coachmark-beacon__target:before{display:none}.c4p--coachmark-beacon-default .c4p--coachmark-beacon__target:after{background-color:#4589ff;block-size:.75rem;border-radius:50%;content:\"\";inline-size:.75rem;inset-block-start:.625rem;inset-inline-start:.625rem;position:absolute}.c4p--coachmark-beacon-default .c4p--coachmark-beacon__target:focus{outline:transparent}.c4p--coachmark-beacon-default .c4p--coachmark-beacon__target:focus:before{block-size:18px;border-radius:100%;content:\"\";display:block;inline-size:18px;inset-block-start:7px;inset-inline-start:7px;outline:.125rem var(--cds-focus,#0f62fe) solid;position:absolute}.c4p--coachmark-beacon .c4p--coachmark-beacon__target{background-color:transparent;block-size:2rem;border:none;border-radius:50%;cursor:pointer;display:flex;inline-size:2rem;padding:0}.c4p--coachmark-beacon .c4p--coachmark-beacon__target[aria-expanded=true] circle{animation:none}.c4p--coachmark-beacon__center{block-size:5rem;inline-size:5rem;inset-block-start:-1.375rem;inset-inline-start:-1.375rem;pointer-events:none;position:absolute;z-index:6900}.c4p--coachmark-beacon__center circle{animation:ripple 2s infinite;fill:var(--cds-support-info,#0043ce);fill-opacity:0;-webkit-mask-image:none;mask-image:none;stroke:var(--cds-support-info,#0043ce);stroke-opacity:0;stroke-width:1px;transition-timing-function:motion exit,productive}@media (prefers-reduced-motion){.c4p--coachmark-beacon__center circle{animation:none}}@keyframes ripple{0%{fill-opacity:0;r:1px;stroke-opacity:0;transition-timing-function:cubic-bezier(0,0,.38,.9)}31%{fill-opacity:.2;stroke-opacity:1}62%{fill-opacity:0;r:32px;stroke-opacity:0}to{fill-opacity:0;r:32px;stroke-opacity:0}}@keyframes ring-ripple{0%{fill-opacity:0;r:12px;stroke-opacity:0;transition-timing-function:cubic-bezier(0,0,.38,.9)}31%{fill-opacity:.2;stroke-opacity:1}62%{fill-opacity:0;r:32px;stroke-opacity:0}to{fill-opacity:0;r:32px;stroke-opacity:0}}:host(c4p-coachmark-beacon){position:relative}:host(.c4p--coachmark-beacon-default) .c4p--coachmark-beacon__target:before{display:none}:host(.c4p--coachmark-beacon-default) .c4p--coachmark-beacon__target:after{background-color:#4589ff;block-size:.75rem;border-radius:50%;content:\"\";inline-size:.75rem;inset-block-start:.625rem;inset-inline-start:.625rem;position:absolute}:host(.c4p--coachmark-beacon-default) .c4p--coachmark-beacon__target:focus{outline:transparent}:host(.c4p--coachmark-beacon-default) .c4p--coachmark-beacon__target:focus:before{block-size:18px;border-radius:100%;content:\"\";display:block;inline-size:18px;inset-block-start:7px;inset-inline-start:7px;outline:.125rem var(--cds-focus,#0f62fe) solid;position:absolute}:host(.c4p--coachmark-beacon-default) .c4p--coachmark-beacon__target{background-color:transparent;block-size:2rem;border:none;border-radius:50%;box-shadow:none;cursor:pointer;display:flex;inline-size:2rem;padding:0}:host(.c4p--coachmark-beacon-default) .c4p--coachmark-beacon__target[aria-expanded=true] circle{animation:none}:host(.c4p--coachmark-beacon-default) .c4p--coachmark-beacon__target::part(button){background-color:transparent;max-block-size:0;min-block-size:0;padding-inline:0}:host(.c4p--coachmark-beacon-default) .c4p--coachmark-beacon__target::part(button):focus{border-color:transparent;box-shadow:none}"]);
+
+export { styles as default };
+//# sourceMappingURL=coachmark-beacon.scss.js.map

package/es/components/coachmark/coachmark-beacon/coachmark-beacon.scss.js.map

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

package/es/components/coachmark/coachmark-beacon/coachmark-beacon.test.d.ts

@@ -0,0 +1,9 @@
+/**
+ * @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.
+ */
+import './index';

package/es/components/coachmark/coachmark-beacon/coachmark-beacon.test.js

@@ -0,0 +1,70 @@
+/**
+ * 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 { describe, it, expect } from 'vitest';
+import { fixture, oneEvent, html } from '@open-wc/testing';
+import './coachmark-beacon.js';
+import { prefix } from '../../../globals/settings.js';
+
+/**
+ * @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}--coachmark-beacon`;
+const defaultProps = {
+    label: 'show information',
+    id: 'coachmarkBeacon',
+};
+const template = (props = defaultProps) => html `
+  <c4p-coachmark-beacon
+    label=${props.label}
+    @c4p-coachmark-beacon-clicked=${(e) => {
+    console.log('Beacon clicked!', e.detail.expanded);
+}}
+  >
+  </c4p-coachmark-beacon>
+`;
+describe('c4p-coachmark-beacon', () => {
+    it('should render a beacon', async () => {
+        const beacon = await fixture(template(Object.assign({}, defaultProps)));
+        expect(beacon).toBeDefined();
+    });
+    it('has correct host classes', async () => {
+        const el = await fixture(template(Object.assign({}, defaultProps)));
+        expect(el.classList.contains(blockClass)).to.be.true;
+        expect(el.classList.contains(`${blockClass}-default`)).to.be.true;
+    });
+    it('applies className to the containing node', async () => {
+        const customClass = 'test';
+        const beacon = await fixture(template(Object.assign({}, defaultProps)));
+        beacon.classList.add(customClass);
+        expect(beacon.getAttribute('class')).to.include(customClass);
+    });
+    it('should render icon for the beacon', async () => {
+        var _a;
+        const beacon = await fixture(template(Object.assign({}, defaultProps)));
+        const renderedSVG = (_a = beacon === null || beacon === void 0 ? void 0 : beacon.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('slot[name="icon"]');
+        expect(renderedSVG).to.exist;
+        const assignedNodes = renderedSVG.assignedNodes({ flatten: true });
+        const svg = assignedNodes.find((node) => node.nodeName.toLowerCase() === 'svg');
+        expect(svg).to.exist;
+    });
+    it('toggles expanded state and dispatches event on click', async () => {
+        const el = await fixture(template(Object.assign({}, defaultProps)));
+        const button = el.shadowRoot.querySelector('cds-button');
+        const eventPromise = oneEvent(el, 'c4p-coachmark-beacon-clicked');
+        button.click();
+        const event = await eventPromise;
+        expect(event).to.exist;
+        expect(event.detail.expanded).to.be.true;
+    });
+});
+//# sourceMappingURL=coachmark-beacon.test.js.map

package/es/components/coachmark/coachmark-beacon/coachmark-beacon.test.js.map

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

package/es/components/coachmark/coachmark-beacon/defs.d.ts

@@ -0,0 +1,14 @@
+/**
+ * @license
+ *
+ * Copyright IBM Corp. 2023, 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.
+ */
+/**
+ * Reserved for future expansion, i.e. "RING".
+ */
+export declare enum BEACON_KIND {
+    DEFAULT = "default"
+}

package/es/components/coachmark/coachmark-beacon/defs.js

@@ -0,0 +1,25 @@
+/**
+ * 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.
+ */
+
+/**
+ * @license
+ *
+ * Copyright IBM Corp. 2023, 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.
+ */
+/**
+ * Reserved for future expansion, i.e. "RING".
+ */
+var BEACON_KIND;
+(function (BEACON_KIND) {
+    BEACON_KIND["DEFAULT"] = "default";
+})(BEACON_KIND || (BEACON_KIND = {}));
+
+export { BEACON_KIND };
+//# sourceMappingURL=defs.js.map

package/es/components/coachmark/coachmark-beacon/defs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"defs.js","sources":["../../../../src/components/coachmark/coachmark-beacon/defs.ts"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;AAAA;;;;;;;AAOG;AACH;;AAEG;IACS;AAAZ,CAAA,UAAY,WAAW,EAAA;AACrB,IAAA,WAAA,CAAA,SAAA,CAAA,GAAA,SAAmB;AACrB,CAAC,EAFW,WAAW,KAAX,WAAW,GAEtB,EAAA,CAAA,CAAA;;;;"}

package/es/components/coachmark/coachmark-beacon/index.d.ts

@@ -0,0 +1,9 @@
+/**
+ * @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.
+ */
+import './coachmark-beacon';

package/es/components/coachmark/coachmark-beacon/index.js

@@ -0,0 +1,9 @@
+/**
+ * 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 './coachmark-beacon.js';
+//# sourceMappingURL=index.js.map

package/es/components/coachmark/coachmark-beacon/index.js.map

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

package/es/components/page-header/page-header-tabs.js

@@ -25,7 +25,7 @@ import { carbonElement } from '@carbon/web-components/es/globals/decorators/carb
  */
 let CDSPageHeaderTabs = class CDSPageHeaderTabs extends LitElement {
     render() {
-        return html ` <div class="${carbonPrefix}--css-grid">
+        return html ` <div class="${carbonPrefix}--css-grid" condensed="">
       <div
         class="${carbonPrefix}--sm:col-span-4 ${carbonPrefix}--md:col-span-8 ${carbonPrefix}--lg:col-span-16 ${carbonPrefix}--css-grid-column"
       >