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

package/es/patterns/step-flow/_story-assets/step-full-page.js

@@ -1,257 +0,0 @@
-/**
- * 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, nothing, html } from 'lit';
-import { property, state, customElement } from 'lit/decorators.js';
-import { SignalWatcher } from '@lit-labs/signals';
-import styles from './step-full-page.scss.js';
-import { StepInstance } from '../step-flow-signal.js';
-import '@carbon/web-components/es/components/progress-indicator/index.js';
-import '@carbon/web-components/es/components/stack/index.js';
-import '@carbon/web-components/es/components/code-snippet/index.js';
-import '@carbon/web-components/es/components/button/index.js';
-import '@carbon/web-components/es/components/grid/index';
-import '../step-group.js';
-import { registerFocusableContainers, trapFocus } from '../../../utilities/manageFocusTrap/manageFocusTrap.js';
-
-/**
- * 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.
- */
-let StepFullPage = class StepFullPage extends SignalWatcher(LitElement) {
-    constructor() {
-        super(...arguments);
-        this.narrow = false;
-        this._open = false;
-        this._email = '';
-        this._city = '';
-        this._state = '';
-        this._trapFocusAPI = null;
-        this._stepInfo = new StepInstance();
-    }
-    _handleCancelButton() {
-        this._open = false;
-        this._stepInfo.reset();
-    }
-    _handleBackButton() {
-        const { currentStep } = this._stepInfo.data;
-        if (currentStep === 0) {
-            return;
-        }
-        return this._stepInfo.handlePrevious();
-    }
-    _handleNextButton() {
-        const { currentStep, totalSteps } = this._stepInfo.data;
-        if (currentStep + 1 === totalSteps) {
-            this._open = false;
-            this._stepInfo.reset();
-            return;
-        }
-        return this._stepInfo.handleNext();
-    }
-    _handleEmailInput(e) {
-        const savedFormState = structuredClone(this._stepInfo.data.formState);
-        savedFormState.email = e.target.value;
-        this._stepInfo.updateFormState = savedFormState;
-    }
-    _handleCityInput(e) {
-        const savedFormState = structuredClone(this._stepInfo.data.formState);
-        savedFormState.city = e.target.value;
-        this._stepInfo.updateFormState = savedFormState;
-    }
-    _handleStateInput(e) {
-        const savedFormState = structuredClone(this._stepInfo.data.formState);
-        savedFormState.state = e.target.value;
-        this._stepInfo.updateFormState = savedFormState;
-    }
-    connectedCallback() {
-        super.connectedCallback();
-        this._stepInfo.updateTotalStepCount = 3;
-    }
-    disconnectedCallback() {
-        var _a;
-        (_a = this._trapFocusAPI) === null || _a === void 0 ? void 0 : _a.cleanup();
-    }
-    firstUpdated(_changedProperties) {
-        var _a;
-        registerFocusableContainers((_a = this.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('step-full-page'));
-    }
-    updated(changedProps) {
-        if (changedProps.has('_open')) {
-            const isOpen = this._open;
-            if (isOpen) {
-                // `focusableContainers` holds the containers where we can query DOM elements.
-                // Our strategy here is to let child/slotted components register their containers,
-                // which are then passed to `trapFocus`. This allows the utility to query elements
-                // directly without being blocked by shadow DOM boundaries.
-                this._trapFocusAPI = trapFocus();
-            }
-        }
-    }
-    render() {
-        const { formState, totalSteps, currentStep } = this._stepInfo.data;
-        return html ` <div class=${'step-full-page-with-util'} ?open=${this._open}>
-      <!-- slotted influencer -->
-      <div class="create-influencer" slot="influencer">
-        <cds-progress-indicator
-          vertical
-          class=${`custom-step-util__dummy-content-block`}
-        >
-          <cds-progress-step
-            label="First step"
-            state=${currentStep + 1 === 1 ? 'current' : 'complete'}
-          ></cds-progress-step>
-          <cds-progress-step
-            label="Second step"
-            state=${currentStep + 1 === 2
-            ? 'current'
-            : currentStep + 1 < 2
-                ? 'incomplete'
-                : 'complete'}
-          ></cds-progress-step>
-          <cds-progress-step
-            label="Third step"
-            state=${currentStep + 1 === 3
-            ? 'current'
-            : currentStep + 1 < 3
-                ? 'incomplete'
-                : 'complete'}
-          ></cds-progress-step>
-        </cds-progress-indicator>
-      </div>
-      <cds-layer level="1" class="create-full-page-layer">
-        <div class="create-full-page-wrapper">
-          <div class="upper-step-content">
-            <cds-grid class="sb-grid">
-              <cds-column lg="8" sm="4">
-                <div class="create-full-page-header">
-                  <!-- slotted header label -->
-                  <!-- <span slot="label">Optional label for context</span> -->
-
-                  <!-- slotted header title -->
-                  <h2>Step ${currentStep + 1}</h2>
-                  <p class="create-full-page-subtitle">
-                    Optional subtitle to display on a step
-                  </p>
-
-                  <!-- slotted header description -->
-                  <p class="create-full-page-description">
-                    Optional description to display on a step
-                  </p>
-                </div>
-              </cds-column>
-            </cds-grid>
-
-            <!-- default slotted content -->
-            <step-group>
-              <cds-grid class="sb-grid">
-                <cds-column lg="8" sm="4">
-                  ${currentStep + 1 === 1
-            ? html `<div>
-                        <cds-stack gap="6" orientation="horizontal">
-                          <cds-text-input
-                            label="Email"
-                            id="tearsheet-story-text-input-a"
-                            value=${this._email}
-                            @input="${this._handleEmailInput}"
-                          ></cds-text-input>
-                        </cds-stack>
-                      </div>`
-            : nothing}
-                  ${currentStep + 1 === 2
-            ? html `<div>
-                        <cds-stack gap="6" orientation="horizontal">
-                          <cds-text-input
-                            label="City"
-                            id="tearsheet-story-text-input-city"
-                            value=${this._city}
-                            @input="${this._handleCityInput}"
-                          ></cds-text-input>
-                          <cds-text-input
-                            label="State"
-                            id="tearsheet-story-text-input-state"
-                            value=${this._state}
-                            @input="${this._handleStateInput}"
-                          ></cds-text-input>
-                        </cds-stack>
-                      </div>`
-            : nothing}
-                  ${currentStep + 1 === 3
-            ? html `<div>
-                        <!-- //cspell: disable -->
-                        <cds-code-snippet
-                          type="multi"
-                          copy-text=""
-                          maxcollapsednumberofrows="15"
-                          maxexpandednumberofrows=""
-                          mincollapsednumberofrows="3"
-                          minexpandednumberofrows=""
-                          show-less-text="Show less"
-                          show-more-text="Show more"
-                          feedback=""
-                          feedback-timeout="0"
-                          tooltip-content="Copy to clipboard"
-                        >
-                          ${JSON.stringify(formState, null, 2)}
-                        </cds-code-snippet>
-                        <!-- //cspell: enable -->
-                      </div>`
-            : nothing}
-                </cds-column>
-              </cds-grid>
-            </step-group>
-          </div>
-          <div class="create-full-page-actions">
-            <cds-button
-              slot="actions"
-              kind=${'ghost'}
-              class="create-full-page-action__cancel"
-              @click=${this._handleCancelButton}
-            >
-              Cancel
-            </cds-button>
-            <cds-button
-              slot="actions"
-              kind=${'secondary'}
-              @click=${this._handleBackButton}
-            >
-              Back
-            </cds-button>
-            <cds-button slot="actions" @click=${this._handleNextButton}>
-              ${currentStep + 1 < totalSteps ? 'Next' : 'Submit'}
-            </cds-button>
-          </div>
-        </div>
-      </cds-layer>
-    </div>`;
-    }
-};
-StepFullPage.styles = styles;
-__decorate([
-    property({ type: Boolean })
-], StepFullPage.prototype, "narrow", void 0);
-__decorate([
-    state()
-], StepFullPage.prototype, "_open", void 0);
-__decorate([
-    state()
-], StepFullPage.prototype, "_email", void 0);
-__decorate([
-    state()
-], StepFullPage.prototype, "_city", void 0);
-__decorate([
-    state()
-], StepFullPage.prototype, "_state", void 0);
-StepFullPage = __decorate([
-    customElement('step-full-page')
-], StepFullPage);
-
-export { StepFullPage };
-//# sourceMappingURL=step-full-page.js.map

package/es/patterns/step-flow/_story-assets/step-full-page.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"step-full-page.js","sources":["../../../../src/patterns/step-flow/_story-assets/step-full-page.ts"],"sourcesContent":[null],"names":[],"mappings":"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"}

package/es/patterns/step-flow/_story-assets/step-full-page.scss.js

@@ -1,13 +0,0 @@
-/**
- * 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([":host(step-full-page){block-size:100vh;color:var(--cds-text-primary,#161616);display:grid;grid-template-rows:minmax(auto,100%)}:host(step-full-page) .step-full-page-with-util{display:flex;margin:0;max-block-size:100%;overflow:hidden;padding:0}:host(step-full-page) .create-full-page-header{padding-block-end:1.5rem}:host(step-full-page) .create-full-page-header h2{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)}:host(step-full-page) .create-full-page-wrapper{background-color:var(--cds-layer-01,#f4f4f4);block-size:calc(100% - 1.5rem);color:var(--cds-text-primary,#161616);display:flex;flex-direction:column;flex-grow:1;justify-content:space-between;overflow:auto;overflow-x:hidden;padding-block-start:1.5rem}:host(step-full-page) .create-influencer{border-inline-end:1px solid var(--cds-border-subtle);box-sizing:border-box;inline-size:256px;min-inline-size:256px;padding:1.5rem 2rem}:host(step-full-page) .create-full-page-subtitle{font-size:var(--cds-heading-compact-01-font-size,.875rem);font-weight:var(--cds-heading-compact-01-font-weight,600);letter-spacing:var(--cds-heading-compact-01-letter-spacing,.16px);line-height:var(--cds-heading-compact-01-line-height,1.28572)}:host(step-full-page) .create-full-page-description{font-size:var(--cds-body-01-font-size,.875rem);font-weight:var(--cds-body-01-font-weight,400);letter-spacing:var(--cds-body-01-letter-spacing,.16px);line-height:var(--cds-body-01-line-height,1.42857)}:host(step-full-page) .create-full-page-layer{inline-size:100%}:host(step-full-page) .create-full-page-actions{block-size:64px;border-block-start:1px solid var(--cds-border-subtle);display:grid;font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);grid-auto-rows:minmax(auto,auto);grid-template-columns:repeat(6,1fr);letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);line-height:var(--cds-body-compact-01-line-height,1.28572)}:host(step-full-page) .create-full-page-action__cancel{grid-column:span 4}:host(step-full-page) ::part(grid){max-inline-size:100%}"]);
-
-export { styles as default };
-//# sourceMappingURL=step-full-page.scss.js.map

package/es/patterns/step-flow/_story-assets/step-full-page.scss.js.map

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

package/es/patterns/step-flow/_story-assets/step-side-panel.d.ts

@@ -1,38 +0,0 @@
-/**
- * @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 { LitElement } from 'lit';
-import '../../../components/side-panel/index.js';
-import '@carbon/web-components/es/components/text-input/index.js';
-import '@carbon/web-components/es/components/button/index.js';
-import '@carbon/web-components/es/components/progress-indicator/index.js';
-import '../step-group';
-declare const StepSidePanel_base: typeof LitElement;
-export declare class StepSidePanel extends StepSidePanel_base {
-    open: boolean;
-    private _email;
-    private _city;
-    private _state;
-    private _openHandler;
-    private _handleCancelButton;
-    private _handleBackButton;
-    private _handleNextButton;
-    private _handleEmailInput;
-    private _handleCityInput;
-    private _handleStateInput;
-    private _stepInfo;
-    connectedCallback(): void;
-    render(): import("lit-html").TemplateResult<1>;
-    static styles: any;
-}
-declare global {
-    interface HTMLElementTagNameMap {
-        'step-side-panel': StepSidePanel;
-    }
-}
-export {};

package/es/patterns/step-flow/_story-assets/step-side-panel.js

@@ -1,217 +0,0 @@
-/**
- * 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, nothing, html } from 'lit';
-import { state, customElement } from 'lit/decorators.js';
-import '../../../components/side-panel/side-panel.js';
-import '@carbon/web-components/es/components/text-input/index.js';
-import '@carbon/web-components/es/components/button/index.js';
-import '@carbon/web-components/es/components/progress-indicator/index.js';
-import { StepInstance } from '../step-flow-signal.js';
-import { SignalWatcher } from '@lit-labs/signals';
-import '../step-group.js';
-import styles from './step-side-panel.scss.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 = 'c4p--step-side-panel';
-let StepSidePanel = class StepSidePanel extends SignalWatcher(LitElement) {
-    constructor() {
-        super(...arguments);
-        this.open = true;
-        this._email = '';
-        this._city = '';
-        this._state = '';
-        this._stepInfo = new StepInstance();
-    }
-    _openHandler() {
-        this.open = !this.open;
-    }
-    _handleCancelButton() {
-        this._openHandler();
-        this._stepInfo.reset();
-    }
-    _handleBackButton() {
-        const { currentStep } = this._stepInfo.data;
-        if (currentStep === 0) {
-            return;
-        }
-        return this._stepInfo.handlePrevious();
-    }
-    _handleNextButton() {
-        const { currentStep, totalSteps } = this._stepInfo.data;
-        if (currentStep + 1 === totalSteps) {
-            this._openHandler();
-            this._stepInfo.reset();
-            return;
-        }
-        return this._stepInfo.handleNext();
-    }
-    _handleEmailInput(e) {
-        const savedFormState = structuredClone(this._stepInfo.data.formState);
-        savedFormState.email = e.target.value;
-        this._stepInfo.updateFormState = savedFormState;
-    }
-    _handleCityInput(e) {
-        const savedFormState = structuredClone(this._stepInfo.data.formState);
-        savedFormState.city = e.target.value;
-        this._stepInfo.updateFormState = savedFormState;
-    }
-    _handleStateInput(e) {
-        const savedFormState = structuredClone(this._stepInfo.data.formState);
-        savedFormState.state = e.target.value;
-        this._stepInfo.updateFormState = savedFormState;
-    }
-    connectedCallback() {
-        super.connectedCallback();
-        this._stepInfo.updateTotalStepCount = 3;
-    }
-    render() {
-        const { formState, totalSteps, currentStep } = this._stepInfo.data;
-        return html `
-      <div>
-        <cds-button @click=${this._openHandler}>Create partitions</cds-button>
-        <c4p-side-panel
-          @c4p-side-panel-closed=${this._openHandler}
-          class="${blockClass}"
-          ?animate-title=${false}
-          include-overlay
-          ?open=${this.open}
-          size="md"
-          title="Create partitions"
-        >
-          <div slot="subtitle">
-            Specify the details of the partitions you're creating
-          </div>
-          <div slot="below-title">
-            <cds-progress-indicator class="progress-indicator">
-              <cds-progress-step
-                label="First step"
-                state=${currentStep + 1 === 1 ? 'current' : 'complete'}
-              ></cds-progress-step>
-              <cds-progress-step
-                label="Second step"
-                state=${currentStep + 1 === 2
-            ? 'current'
-            : currentStep + 1 < 2
-                ? 'incomplete'
-                : 'complete'}
-              ></cds-progress-step>
-              <cds-progress-step
-                label="Third step"
-                state=${currentStep + 1 === 3
-            ? 'current'
-            : currentStep + 1 < 3
-                ? 'incomplete'
-                : 'complete'}
-              ></cds-progress-step>
-            </cds-progress-indicator>
-          </div>
-          <h3
-            class="${blockClass}__form-title-text ${blockClass}__content-text"
-          >
-            Core configuration
-          </h3>
-          <p
-            class="${blockClass}__form-description-text ${blockClass}__content-text"
-          >
-            We recommend you fill out and evaluate these details at a minimum
-            before deploying your topic.
-          </p>
-          <step-group>
-            ${currentStep + 1 === 1
-            ? html ` <cds-text-input
-                  label="Email"
-                  id="tearsheet-story-text-input-a"
-                  value=${this._email}
-                  @input="${this._handleEmailInput}"
-                ></cds-text-input>`
-            : nothing}
-            ${currentStep + 1 === 2
-            ? html ` <cds-text-input
-                  label="City"
-                  id="tearsheet-story-text-input-city"
-                  value=${this._city}
-                  @input="${this._handleCityInput}"
-                ></cds-text-input>`
-            : nothing}
-            ${currentStep + 1 === 2
-            ? html ` <cds-text-input
-                  label="State"
-                  id="tearsheet-story-text-input-state"
-                  value=${this._state}
-                  @input="${this._handleStateInput}"
-                ></cds-text-input>`
-            : nothing}
-            ${currentStep + 1 === 3
-            ? html `<div>
-                  <!-- //cspell: disable -->
-                  <cds-code-snippet
-                    type="multi"
-                    copy-text=""
-                    maxcollapsednumberofrows="15"
-                    maxexpandednumberofrows=""
-                    mincollapsednumberofrows="3"
-                    minexpandednumberofrows=""
-                    show-less-text="Show less"
-                    show-more-text="Show more"
-                    feedback=""
-                    feedback-timeout="0"
-                    tooltip-content="Copy to clipboard"
-                  >
-                    ${JSON.stringify(formState, null, 2)}
-                  </cds-code-snippet>
-                  <!-- //cspell: enable -->
-                </div>`
-            : nothing}
-          </step-group>
-          <cds-button
-            slot="actions"
-            kind="ghost"
-            @click=${this._handleCancelButton}
-            >Cancel</cds-button
-          >
-          <cds-button
-            slot="actions"
-            kind="secondary"
-            @click=${this._handleBackButton}
-            >Back</cds-button
-          >
-          <cds-button slot="actions" @click=${this._handleNextButton}>
-            ${currentStep + 1 < totalSteps ? 'Next' : 'Submit'}
-          </cds-button>
-        </c4p-side-panel>
-      </div>
-    `;
-    }
-};
-StepSidePanel.styles = styles;
-__decorate([
-    state()
-], StepSidePanel.prototype, "open", void 0);
-__decorate([
-    state()
-], StepSidePanel.prototype, "_email", void 0);
-__decorate([
-    state()
-], StepSidePanel.prototype, "_city", void 0);
-__decorate([
-    state()
-], StepSidePanel.prototype, "_state", void 0);
-StepSidePanel = __decorate([
-    customElement('step-side-panel')
-], StepSidePanel);
-
-export { StepSidePanel };
-//# sourceMappingURL=step-side-panel.js.map

package/es/patterns/step-flow/_story-assets/step-side-panel.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"step-side-panel.js","sources":["../../../../src/patterns/step-flow/_story-assets/step-side-panel.ts"],"sourcesContent":[null],"names":[],"mappings":"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"}

package/es/patterns/step-flow/_story-assets/step-side-panel.scss.js

@@ -1,13 +0,0 @@
-/**
- * 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([":host(step-side-panel) .progress-indicator{margin-block-end:1rem}"]);
-
-export { styles as default };
-//# sourceMappingURL=step-side-panel.scss.js.map

package/es/patterns/step-flow/_story-assets/step-side-panel.scss.js.map

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

package/es/patterns/step-flow/_story-assets/step-tearsheet.d.ts

@@ -1,41 +0,0 @@
-/**
- * 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.
- */
-import { LitElement, PropertyValues } from 'lit';
-import '@carbon/web-components/es/components/progress-indicator/index.js';
-import '@carbon/web-components/es/components/stack/index.js';
-import '@carbon/web-components/es/components/code-snippet/index.js';
-import '../step-group';
-import '../../../components/tearsheet/index.js';
-declare const StepTearsheet_base: typeof LitElement;
-export declare class StepTearsheet extends StepTearsheet_base {
-    narrow: boolean;
-    private _open;
-    private _email;
-    private _city;
-    private _state;
-    private _trapFocusAPI;
-    private _onButtonClick;
-    private _handleCancelButton;
-    private _handleBackButton;
-    private _handleNextButton;
-    private _handleEmailInput;
-    private _handleCityInput;
-    private _handleStateInput;
-    private _stepInfo;
-    connectedCallback(): void;
-    disconnectedCallback(): void;
-    protected firstUpdated(_changedProperties: PropertyValues): void;
-    updated(changedProps: Map<string | number | symbol, unknown>): void;
-    render(): import("lit-html").TemplateResult<1>;
-    static styles: any;
-}
-declare global {
-    interface HTMLElementTagNameMap {
-        'step-tearsheet': StepTearsheet;
-    }
-}
-export {};