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

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

@@ -0,0 +1,76 @@
+/**
+ * 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. 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.
+ */
+/**
+ * ----------
+ * Utilities
+ * ----------
+ */
+const getHeaderOffset = (el) => {
+    const scrollableContainer = scrollableAncestor(el);
+    const scrollableContainerTop = scrollableContainer
+        ? scrollableContainer.getBoundingClientRect().top
+        : 0;
+    const offsetMeasuringTop = el ? el.getBoundingClientRect().top : 0;
+    const totalHeaderOffset = offsetMeasuringTop !== 0 ? offsetMeasuringTop - scrollableContainerTop : 0;
+    return totalHeaderOffset;
+};
+const windowExists = typeof window !== `undefined`;
+/**
+ * Determines if the given target is scrollable
+ *
+ * @param {HTMLElement} target
+ * @returns {boolean}
+ */
+const scrollable = (target) => {
+    const style = window.getComputedStyle(target);
+    return /(auto|scroll|hidden)/.test(style.overflow);
+};
+/**
+ * Recursively looks for the scrollable ancestor
+ */
+const scrollableAncestorInner = (target) => {
+    if (target.parentNode && target.parentNode !== document) {
+        if (scrollable(target.parentNode)) {
+            return target.parentNode;
+        }
+        else {
+            return scrollableAncestorInner(target.parentNode);
+        }
+    }
+    else {
+        return document.scrollingElement;
+    }
+};
+/**
+ * Walks up the parent nodes to identify the first scrollable ancestor
+ *
+ * @param {HTMLElement} target
+ * @returns {HTMLElement}
+ */
+const scrollableAncestor = (target) => {
+    if (!windowExists || !target) {
+        return null;
+    }
+    // based on https://stackoverflow.com/questions/35939886/find-first-scrollable-parent
+    const style = window.getComputedStyle(target);
+    if (!target || !style || style.position === 'fixed') {
+        return document.scrollingElement;
+    }
+    return scrollableAncestorInner(target);
+};
+
+export { getHeaderOffset, scrollable, scrollableAncestor, scrollableAncestorInner };
+//# sourceMappingURL=utils.js.map

package/es/components/page-header/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sources":["../../../src/components/page-header/utils.ts"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;AAAA;;;;;;;AAOG;AAEH;;;;AAIG;AAEU,MAAA,eAAe,GAAG,CAAC,EAAe,KAAY;AACzD,IAAA,MAAM,mBAAmB,GAAG,kBAAkB,CAAC,EAAE,CAAC;IAClD,MAAM,sBAAsB,GAAG;AAC7B,UAAG,mBAAmC,CAAC,qBAAqB,EAAE,CAAC;UAC7D,CAAC;AACL,IAAA,MAAM,kBAAkB,GAAG,EAAE,GAAG,EAAE,CAAC,qBAAqB,EAAE,CAAC,GAAG,GAAG,CAAC;AAClE,IAAA,MAAM,iBAAiB,GACrB,kBAAkB,KAAK,CAAC,GAAG,kBAAkB,GAAG,sBAAsB,GAAG,CAAC;AAC5E,IAAA,OAAO,iBAAiB;AAC1B;AAEA,MAAM,YAAY,GAAG,OAAO,MAAM,KAAK,WAAW;AAElD;;;;;AAKG;AACU,MAAA,UAAU,GAAG,CAAC,MAAmB,KAAa;IACzD,MAAM,KAAK,GAAG,MAAM,CAAC,gBAAgB,CAAC,MAAM,CAAC;IAC7C,OAAO,sBAAsB,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC;AACpD;AAEA;;AAEG;AACU,MAAA,uBAAuB,GAAG,CAAC,MAAmB,KAAI;IAC7D,IAAI,MAAM,CAAC,UAAU,IAAI,MAAM,CAAC,UAAU,KAAK,QAAQ,EAAE;AACvD,QAAA,IAAI,UAAU,CAAC,MAAM,CAAC,UAAyB,CAAC,EAAE;YAChD,OAAO,MAAM,CAAC,UAAU;;aACnB;AACL,YAAA,OAAO,uBAAuB,CAAC,MAAM,CAAC,UAAyB,CAAC;;;SAE7D;QACL,OAAO,QAAQ,CAAC,gBAAgB;;AAEpC;AAEA;;;;;AAKG;AACU,MAAA,kBAAkB,GAAG,CAAC,MAAmB,KAAI;AACxD,IAAA,IAAI,CAAC,YAAY,IAAI,CAAC,MAAM,EAAE;AAC5B,QAAA,OAAO,IAAI;;;IAIb,MAAM,KAAK,GAAG,MAAM,CAAC,gBAAgB,CAAC,MAAM,CAAC;AAE7C,IAAA,IAAI,CAAC,MAAM,IAAI,CAAC,KAAK,IAAI,KAAK,CAAC,QAAQ,KAAK,OAAO,EAAE;QACnD,OAAO,QAAQ,CAAC,gBAAgB;;AAElC,IAAA,OAAO,uBAAuB,CAAC,MAAM,CAAC;AACxC;;;;"}

package/es/components/side-panel/_story-assets/index.d.ts

@@ -0,0 +1,8 @@
+import '@carbon/web-components/es/components/breadcrumb/index.js';
+import '@carbon/web-components/es/components/notification/index.js';
+export declare const getContent: (index: any) => import("lit-html").TemplateResult<1> | null;
+export declare const getSubTitle: (index: any) => import("lit-html").TemplateResult<1> | null;
+export declare const getActionToolbarItems: (index: any) => import("lit-html").TemplateResult<1> | null;
+export declare const getActionItems: (index: any) => import("lit-html").TemplateResult<1> | null;
+export declare const getSlug: (index: any) => import("lit-html").TemplateResult<1> | null;
+export declare const getCustomHeaderComponents: (index: any) => import("lit-html").TemplateResult<1> | null;

package/es/components/side-panel/_story-assets/index.js

@@ -0,0 +1,275 @@
+/**
+ * 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 { html } from 'lit';
+import styles from '../story-styles.scss.js';
+import { BUTTON_KIND } from '@carbon/web-components/es/components/button/defs.js';
+import TrashCan16 from '@carbon/icons/es/trash-can/16';
+import Settings16 from '@carbon/icons/es/settings/16';
+import { iconLoader } from '@carbon/web-components/es/globals/internal/icon-loader.js';
+import '@carbon/web-components/es/components/breadcrumb/index.js';
+import '@carbon/web-components/es/components/notification/index.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.
+ */
+const storyPrefix = 'side-panel-stories__';
+const getContent = (index) => {
+    switch (index) {
+        case 1:
+            return html `
+        <style>
+          ${styles}
+        </style>
+        <h5>Section</h5>
+        <cds-text-input
+          label="Input A"
+          id="side-panel-story-text-input-a"
+          class="${storyPrefix}text-input"
+        ></cds-text-input>
+        <cds-text-input
+          label="Input B"
+          id="side-panel-story-text-input-b"
+          class="${storyPrefix}text-input"
+        ></cds-text-input>
+      `;
+        case 2:
+            return html `
+        <style>
+          ${styles}
+        </style>
+        <h5>Section</h5>
+        <div class="${storyPrefix}text-inputs">
+          <cds-text-input
+            label="Input A"
+            id="side-panel-story-text-input-a"
+          ></cds-text-input>
+          <cds-text-input
+            label="Input B"
+            id="side-panel-story-text-input-b"
+          ></cds-text-input>
+        </div>
+        <div class="${storyPrefix}text-inputs">
+          <cds-text-input
+            label="Input C"
+            id="side-panel-story-text-input-c"
+          ></cds-text-input>
+          <cds-text-input
+            label="Input D"
+            id="side-panel-story-text-input-d"
+          ></cds-text-input>
+        </div>
+        <div class="${storyPrefix}textarea-container">
+          <cds-textarea
+            label="Notes"
+            value="This is a text area"
+          ></cds-textarea>
+          <cds-textarea
+            label="Notes"
+            value="This is a text area"
+          ></cds-textarea>
+          <cds-textarea
+            label="Notes"
+            value="This is a text area"
+          ></cds-textarea>
+        </div>
+      `;
+        default:
+            return null;
+    }
+};
+const getSubTitle = (index) => {
+    switch (index) {
+        case 1:
+            return html `<div slot="subtitle">This is your subtitle slot.</div>`;
+        case 2:
+            return html `<div slot="subtitle">
+        I am your subtitle slot for <strong>adding detail</strong> that can be
+        one or two lines.
+      </div>`;
+        default:
+            return null;
+    }
+};
+const getActionToolbarItems = (index) => {
+    switch (index) {
+        case 1:
+            return html `
+        <cds-button slot="action-toolbar">Copy</cds-button>
+        <cds-button
+          slot="action-toolbar"
+          aria-label="Settings"
+          has-icon-only="true"
+          kind=${BUTTON_KIND.GHOST}
+          size="sm"
+          tooltip-text="Settings"
+        >
+          ${iconLoader(Settings16, { slot: 'icon' })}
+        </cds-button>
+        <cds-button
+          slot="action-toolbar"
+          aria-label="Delete"
+          has-icon-only="true"
+          kind=${BUTTON_KIND.GHOST}
+          size="sm"
+          tooltip-text="Delete"
+        >
+          ${iconLoader(TrashCan16, { slot: 'icon' })}
+        </cds-button>
+      `;
+        default:
+            return null;
+    }
+};
+// TODO: There are problems switching this
+const getActionItems = (index) => {
+    switch (index) {
+        case 1:
+            return html `<cds-button key="p" slot="actions" kind=${BUTTON_KIND.PRIMARY}
+        >Primary</cds-button
+      >`;
+        case 2:
+            return html `
+        <cds-button slot="actions" kind=${BUTTON_KIND.GHOST}>Ghost</cds-button>
+        <cds-button slot="actions" kind=${BUTTON_KIND.PRIMARY}
+          >Primary</cds-button
+        >
+      `;
+        case 3:
+            return html ` <cds-button slot="actions" kind=${BUTTON_KIND.DANGER}
+          >Danger</cds-button
+        >
+        <cds-button slot="actions" kind=${BUTTON_KIND.PRIMARY}
+          >Primary</cds-button
+        >`;
+        case 4:
+            return html ` <cds-button slot="actions" kind=${BUTTON_KIND.GHOST}
+          >Ghost</cds-button
+        >
+        <cds-button slot="actions" kind=${BUTTON_KIND.SECONDARY}
+          >Secondary</cds-button
+        >
+        <cds-button slot="actions" kind=${BUTTON_KIND.PRIMARY}
+          >Primary</cds-button
+        >`;
+        case 5:
+            return html `<cds-button
+          key="danger"
+          slot="actions"
+          kind=${BUTTON_KIND.DANGER}
+          >Danger</cds-button
+        >
+        <cds-button key="secondary" slot="actions" kind=${BUTTON_KIND.SECONDARY}
+          >Secondary</cds-button
+        >
+        <cds-button key="primary" slot="actions" kind=${BUTTON_KIND.PRIMARY}
+          >Primary</cds-button
+        >`;
+        case 6:
+            return html `<cds-button
+          key="danger"
+          slot="actions"
+          kind=${BUTTON_KIND.DANGER}
+          >Danger</cds-button
+        >
+        <cds-button key="tertiary" slot="actions" kind=${BUTTON_KIND.TERTIARY}
+          >Tertiary</cds-button
+        >
+        <cds-button key="secondary" slot="actions" kind=${BUTTON_KIND.SECONDARY}
+          >Secondary</cds-button
+        >
+        <cds-button key="primary" slot="actions" kind=${BUTTON_KIND.PRIMARY}
+          >Primary</cds-button
+        >`;
+        default:
+            return null;
+    }
+};
+const getSlug = (index) => {
+    switch (index) {
+        case 1:
+            return html `<cds-slug size="xs" alignment="bottom-right">
+        <div slot="body-text">
+          <p class="secondary">AI Explained</p>
+          <h1>84%</h1>
+          <p class="secondary bold">Confidence score</p>
+          <!-- //cspell: disable -->
+          <p class="secondary">
+            Lorem ipsum dolor sit amet, di os consectetur adipiscing elit, sed
+            do eiusmod tempor incididunt ut fsil labore et dolore magna aliqua.
+          </p>
+          <!-- //cspell: enable -->
+          <hr />
+          <p class="secondary">Model type</p>
+          <p class="bold">Foundation model</p>
+        </div>
+      </cds-slug>`;
+        default:
+            return null;
+    }
+};
+const getCustomHeaderComponents = (index) => {
+    switch (index) {
+        case 1:
+            return html ` <style>
+          ${styles}
+        </style>
+        <div slot="above-title" class="${storyPrefix}custom-header-content">
+          <cds-breadcrumb aria-label="">
+            <cds-breadcrumb-item>
+              <cds-breadcrumb-link href="#">Breadcrumb 1</cds-breadcrumb-link>
+            </cds-breadcrumb-item>
+            <cds-breadcrumb-item>
+              <cds-breadcrumb-link href="#">Breadcrumb 2</cds-breadcrumb-link>
+            </cds-breadcrumb-item>
+          </cds-breadcrumb>
+        </div>`;
+        case 2:
+            return html ` <style>
+          ${styles}
+        </style>
+        <div slot="below-title" class="${storyPrefix}custom-header-content">
+          <cds-inline-notification
+            title="Notification title"
+            subtitle="Subtitle text goes here"
+            kind="error"
+          >
+          </cds-inline-notification>
+        </div>`;
+        case 3:
+            return html ` <style>
+          ${styles}
+        </style>
+        <div slot="above-title" class="${storyPrefix}custom-header-content">
+          <cds-breadcrumb aria-label="">
+            <cds-breadcrumb-item>
+              <cds-breadcrumb-link href="#">Breadcrumb 1</cds-breadcrumb-link>
+            </cds-breadcrumb-item>
+            <cds-breadcrumb-item>
+              <cds-breadcrumb-link href="#">Breadcrumb 2</cds-breadcrumb-link>
+            </cds-breadcrumb-item>
+          </cds-breadcrumb>
+        </div>
+
+        <div slot="below-title" class="${storyPrefix}custom-header-content">
+          <cds-inline-notification
+            title="Notification title"
+            subtitle="Subtitle text goes here"
+            kind="error"
+          >
+          </cds-inline-notification>
+        </div>`;
+        default:
+            return null;
+    }
+};
+
+export { getActionItems, getActionToolbarItems, getContent, getCustomHeaderComponents, getSlug, getSubTitle };
+//# sourceMappingURL=index.js.map

package/es/components/side-panel/_story-assets/index.js.map

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

package/es/components/side-panel/defs.d.ts

@@ -0,0 +1,39 @@
+/**
+ * @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.
+ */
+/**
+ * Modal size.
+ */
+export declare enum SIDE_PANEL_SIZE {
+    /**
+     * Extra small size.
+     */
+    EXTRA_SMALL = "xs",
+    /**
+     * Small size.
+     */
+    SMALL = "sm",
+    /**
+     * Medium size.
+     */
+    MEDIUM = "md",
+    /**
+     * Large size.
+     */
+    LARGE = "lg",
+    /**
+     * 2X-Large size.
+     */
+    EXTRA_EXTRA_LARGE = "2xl"
+}
+export declare enum SIDE_PANEL_PLACEMENT {
+    /** right / default */
+    RIGHT = "right",
+    /** left  */
+    LEFT = "left"
+}

package/es/components/side-panel/defs.js

@@ -0,0 +1,51 @@
+/**
+ * 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.
+ */
+/**
+ * Modal size.
+ */
+var SIDE_PANEL_SIZE;
+(function (SIDE_PANEL_SIZE) {
+    /**
+     * Extra small size.
+     */
+    SIDE_PANEL_SIZE["EXTRA_SMALL"] = "xs";
+    /**
+     * Small size.
+     */
+    SIDE_PANEL_SIZE["SMALL"] = "sm";
+    /**
+     * Medium size.
+     */
+    SIDE_PANEL_SIZE["MEDIUM"] = "md";
+    /**
+     * Large size.
+     */
+    SIDE_PANEL_SIZE["LARGE"] = "lg";
+    /**
+     * 2X-Large size.
+     */
+    SIDE_PANEL_SIZE["EXTRA_EXTRA_LARGE"] = "2xl";
+})(SIDE_PANEL_SIZE || (SIDE_PANEL_SIZE = {}));
+var SIDE_PANEL_PLACEMENT;
+(function (SIDE_PANEL_PLACEMENT) {
+    /** right / default */
+    SIDE_PANEL_PLACEMENT["RIGHT"] = "right";
+    /** left  */
+    SIDE_PANEL_PLACEMENT["LEFT"] = "left";
+})(SIDE_PANEL_PLACEMENT || (SIDE_PANEL_PLACEMENT = {}));
+
+export { SIDE_PANEL_PLACEMENT, SIDE_PANEL_SIZE };
+//# sourceMappingURL=defs.js.map

package/es/components/side-panel/defs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"defs.js","sources":["../../../src/components/side-panel/defs.ts"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;AAAA;;;;;;;AAOG;AAEH;;AAEG;IACS;AAAZ,CAAA,UAAY,eAAe,EAAA;AACzB;;AAEG;AACH,IAAA,eAAA,CAAA,aAAA,CAAA,GAAA,IAAkB;AAElB;;AAEG;AACH,IAAA,eAAA,CAAA,OAAA,CAAA,GAAA,IAAY;AAEZ;;AAEG;AACH,IAAA,eAAA,CAAA,QAAA,CAAA,GAAA,IAAa;AAEb;;AAEG;AACH,IAAA,eAAA,CAAA,OAAA,CAAA,GAAA,IAAY;AAEZ;;AAEG;AACH,IAAA,eAAA,CAAA,mBAAA,CAAA,GAAA,KAAyB;AAC3B,CAAC,EAzBW,eAAe,KAAf,eAAe,GAyB1B,EAAA,CAAA,CAAA;IAEW;AAAZ,CAAA,UAAY,oBAAoB,EAAA;;AAE9B,IAAA,oBAAA,CAAA,OAAA,CAAA,GAAA,OAAe;;AAGf,IAAA,oBAAA,CAAA,MAAA,CAAA,GAAA,MAAa;AACf,CAAC,EANW,oBAAoB,KAApB,oBAAoB,GAM/B,EAAA,CAAA,CAAA;;;;"}

package/es/components/side-panel/index.d.ts

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

package/es/components/side-panel/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 './side-panel.js';
+//# sourceMappingURL=index.js.map

package/es/components/side-panel/index.js.map

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