@carbon/web-components 2.25.2 → 2.26.0

package/es-custom/components/menu/menu-item-radio-group.js

@@ -0,0 +1,104 @@
+/**
+ * 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 { prefix } from '../../globals/settings.js';
+import styles from './menu-item.scss.js';
+import { carbonElement } from '../../globals/decorators/carbon-element.js';
+import { consume } from '@lit/context';
+import { MenuContext } from './menu-context.js';
+
+/**
+ * @license
+ *
+ * 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.
+ */
+/**
+ * Menu Item.
+ *
+ * @element cds-custom-menu-item-radio-group
+ */
+let CDSmenuItemRadioGroup = class CDSmenuItemRadioGroup extends LitElement {
+    constructor() {
+        super(...arguments);
+        /**
+         * List of items in the radio group.
+         */
+        this.items = [];
+    }
+    /**
+     * The name of the custom event fired when the selection state changes.
+     */
+    static get eventOnChange() {
+        return `${prefix}-item-changed`;
+    }
+    firstUpdated() {
+        this.context.updateFromChild({ hasSelectableItems: true });
+        this.addEventListener(`click`, (e) => {
+            this.selectedItem = e.target;
+            const init = {
+                bubbles: true,
+                cancelable: true,
+                composed: true,
+                detail: {
+                    triggeredBy: e.target,
+                },
+            };
+            if (this.dispatchEvent(new CustomEvent(this.constructor.eventOnChange, init))) {
+                this.dispatchEvent(new CustomEvent(this.constructor.eventOnChange, init));
+            }
+        });
+    }
+    updated(_changedProperties) {
+        if (_changedProperties.has('selectedItem')) {
+            this.querySelectorAll(`${prefix}-menu-item`).forEach((item) => {
+                if (item === this.selectedItem) {
+                    item.setAttribute('aria-checked', 'true');
+                }
+                else {
+                    item.setAttribute('aria-checked', 'false');
+                }
+            });
+        }
+    }
+    render() {
+        const { label } = this;
+        return html `
+      <ul role="group" aria-label="${label}">
+        <slot></slot>
+      </ul>
+    `;
+    }
+};
+CDSmenuItemRadioGroup.styles = styles; // `styles` here is a `CSSResult` generated by custom Vite loader
+__decorate([
+    consume({ context: MenuContext })
+], CDSmenuItemRadioGroup.prototype, "context", void 0);
+__decorate([
+    property({ type: String })
+], CDSmenuItemRadioGroup.prototype, "label", void 0);
+__decorate([
+    property({ type: Array })
+], CDSmenuItemRadioGroup.prototype, "items", void 0);
+__decorate([
+    property({ type: String, attribute: true })
+], CDSmenuItemRadioGroup.prototype, "selectedItem", void 0);
+__decorate([
+    property()
+], CDSmenuItemRadioGroup.prototype, "itemToString", void 0);
+CDSmenuItemRadioGroup = __decorate([
+    carbonElement(`${prefix}-menu-item-radio-group`)
+], CDSmenuItemRadioGroup);
+var CDSmenuItemRadioGroup$1 = CDSmenuItemRadioGroup;
+
+export { CDSmenuItemRadioGroup$1 as default };
+//# sourceMappingURL=menu-item-radio-group.js.map

package/es-custom/components/menu/menu-item-radio-group.js.map

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

package/es-custom/components/menu/menu-item-selectable.d.ts

@@ -0,0 +1,39 @@
+/**
+ * @license
+ *
+ * Copyright IBM Corp. 2019, 2023
+ *
+ * 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';
+/**
+ * Menu Item.
+ *
+ * @element cds-custom-menu-item
+ */
+declare class CDSmenuItemSelectable extends LitElement {
+    context: any;
+    /**
+     * Label for the menu item selectable.
+     */
+    label: any;
+    /**
+     * Whether the menu item is selected or not.
+     */
+    selected: boolean;
+    /**
+     * The name of the custom event fired when the selection state changes.
+     */
+    static get eventOnChange(): string;
+    /**
+     * Sets the menu item's icon.
+     */
+    renderIcon?: () => void;
+    shortcut: any;
+    _handleClick: (e: any) => void;
+    firstUpdated(): void;
+    render(): import("lit-html").TemplateResult<1>;
+    static styles: any;
+}
+export default CDSmenuItemSelectable;

package/es-custom/components/menu/menu-item-selectable.js

@@ -0,0 +1,98 @@
+/**
+ * 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 { prefix } from '../../globals/settings.js';
+import styles from './menu-item.scss.js';
+import { carbonElement } from '../../globals/decorators/carbon-element.js';
+import { consume } from '@lit/context';
+import { MenuContext } from './menu-context.js';
+
+/**
+ * @license
+ *
+ * Copyright IBM Corp. 2019, 2023
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+/**
+ * Menu Item.
+ *
+ * @element cds-custom-menu-item
+ */
+let CDSmenuItemSelectable = class CDSmenuItemSelectable extends LitElement {
+    constructor() {
+        super(...arguments);
+        /**
+         * Whether the menu item is selected or not.
+         */
+        this.selected = false;
+        this._handleClick = (e) => {
+            this.selected = !this.selected;
+            const init = {
+                bubbles: true,
+                cancelable: true,
+                composed: true,
+                detail: {
+                    triggeredBy: e.target,
+                },
+            };
+            if (this.dispatchEvent(new CustomEvent(this.constructor.eventOnChange, init))) {
+                this.dispatchEvent(new CustomEvent(this.constructor.eventOnChange, init));
+            }
+        };
+    }
+    /**
+     * The name of the custom event fired when the selection state changes.
+     */
+    static get eventOnChange() {
+        return `${prefix}-item-changed`;
+    }
+    firstUpdated() {
+        this.context.updateFromChild({ hasSelectableItems: true });
+    }
+    render() {
+        const { label, selected, _handleClick: handleClick } = this;
+        return html `
+      <cds-custom-menu-item
+        label="${label}"
+        class="${prefix}--menu-item-selectable--selected"
+        role="menuitemcheckbox"
+        shortcut=${this.shortcut}
+        aria-checked="${selected}"
+        @click="${handleClick}">
+        <slot slot="render-icon" name="render-icon"></slot>
+      </cds-custom-menu-item>
+    `;
+    }
+};
+CDSmenuItemSelectable.styles = styles; // `styles` here is a `CSSResult` generated by custom Vite loader
+__decorate([
+    consume({ context: MenuContext })
+], CDSmenuItemSelectable.prototype, "context", void 0);
+__decorate([
+    property({ type: String })
+], CDSmenuItemSelectable.prototype, "label", void 0);
+__decorate([
+    property({ type: Boolean })
+], CDSmenuItemSelectable.prototype, "selected", void 0);
+__decorate([
+    property()
+], CDSmenuItemSelectable.prototype, "renderIcon", void 0);
+__decorate([
+    property()
+], CDSmenuItemSelectable.prototype, "shortcut", void 0);
+CDSmenuItemSelectable = __decorate([
+    carbonElement(`${prefix}-menu-item-selectable`)
+], CDSmenuItemSelectable);
+var CDSmenuItemSelectable$1 = CDSmenuItemSelectable;
+
+export { CDSmenuItemSelectable$1 as default };
+//# sourceMappingURL=menu-item-selectable.js.map

package/es-custom/components/menu/menu-item-selectable.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu-item-selectable.js","sources":["../../../src/components/menu/menu-item-selectable.ts"],"sourcesContent":[null],"names":["customElement"],"mappings":";;;;;;;;;;;;;;;;AAAA;;;;;;;AAOG;AASH;;;;AAIG;AAEH,IAAM,qBAAqB,GAA3B,MAAM,qBAAsB,SAAQ,UAAU,CAAA;AAA9C,IAAA,WAAA,GAAA;;AAQE;;AAEG;QAEH,IAAQ,CAAA,QAAA,GAAG,KAAK,CAAC;AAkBjB,QAAA,IAAA,CAAA,YAAY,GAAG,CAAC,CAAC,KAAI;AACnB,YAAA,IAAI,CAAC,QAAQ,GAAG,CAAC,IAAI,CAAC,QAAQ,CAAC;AAC/B,YAAA,MAAM,IAAI,GAAG;AACX,gBAAA,OAAO,EAAE,IAAI;AACb,gBAAA,UAAU,EAAE,IAAI;AAChB,gBAAA,QAAQ,EAAE,IAAI;AACd,gBAAA,MAAM,EAAE;oBACN,WAAW,EAAE,CAAC,CAAC,MAAM;AACtB,iBAAA;aACF,CAAC;AACF,YAAA,IACE,IAAI,CAAC,aAAa,CAChB,IAAI,WAAW,CACZ,IAAI,CAAC,WAA4C,CAAC,aAAa,EAChE,IAAI,CACL,CACF,EACD;AACA,gBAAA,IAAI,CAAC,aAAa,CAChB,IAAI,WAAW,CACZ,IAAI,CAAC,WAA4C,CAAC,aAAa,EAChE,IAAI,CACL,CACF,CAAC;aACH;AACH,SAAC,CAAC;KAqBH;AA9DC;;AAEG;AACH,IAAA,WAAW,aAAa,GAAA;QACtB,OAAO,CAAA,EAAG,MAAM,CAAA,aAAA,CAAe,CAAC;KACjC;IAsCD,YAAY,GAAA;QACV,IAAI,CAAC,OAAO,CAAC,eAAe,CAAC,EAAE,kBAAkB,EAAE,IAAI,EAAE,CAAC,CAAC;KAC5D;IACD,MAAM,GAAA;QACJ,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,YAAY,EAAE,WAAW,EAAE,GAAG,IAAI,CAAC;AAE5D,QAAA,OAAO,IAAI,CAAA,CAAA;;iBAEE,KAAK,CAAA;iBACL,MAAM,CAAA;;AAEJ,iBAAA,EAAA,IAAI,CAAC,QAAQ,CAAA;wBACR,QAAQ,CAAA;kBACd,WAAW,CAAA;;;KAGxB,CAAC;KACH;;AACM,qBAAA,CAAA,MAAM,GAAG,MAAM,CAAC;AAzEvB,UAAA,CAAA;AADC,IAAA,OAAO,CAAC,EAAE,OAAO,EAAE,WAAW,EAAE,CAAC;AAC1B,CAAA,EAAA,qBAAA,CAAA,SAAA,EAAA,SAAA,EAAA,KAAA,CAAA,CAAA,CAAA;AAKR,UAAA,CAAA;AADC,IAAA,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;AACrB,CAAA,EAAA,qBAAA,CAAA,SAAA,EAAA,OAAA,EAAA,KAAA,CAAA,CAAA,CAAA;AAKN,UAAA,CAAA;AADC,IAAA,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;AACX,CAAA,EAAA,qBAAA,CAAA,SAAA,EAAA,UAAA,EAAA,KAAA,CAAA,CAAA,CAAA;AAajB,UAAA,CAAA;AADC,IAAA,QAAQ,EAAE;AACa,CAAA,EAAA,qBAAA,CAAA,SAAA,EAAA,YAAA,EAAA,KAAA,CAAA,CAAA,CAAA;AAGxB,UAAA,CAAA;AADC,IAAA,QAAQ,EAAE;AACF,CAAA,EAAA,qBAAA,CAAA,SAAA,EAAA,UAAA,EAAA,KAAA,CAAA,CAAA,CAAA;AA5BL,qBAAqB,GAAA,UAAA,CAAA;AAD1B,IAAAA,aAAa,CAAC,CAAA,EAAG,MAAM,CAAA,qBAAA,CAAuB,CAAC;AAC1C,CAAA,EAAA,qBAAqB,CA4E1B,CAAA;AACD,8BAAe,qBAAqB;;;;"}