@carbon/ibm-products-web-components 0.15.0 → 0.16.0-rc.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/custom-elements.json +0 -26
- package/es/components/about-modal/about-modal.d.ts +15 -5
- package/es/components/about-modal/about-modal.js +32 -3
- package/es/components/about-modal/about-modal.js.map +1 -1
- package/es/components/about-modal/about-modal.test.d.ts +1 -1
- package/es/components/about-modal/about-modal.test.js +133 -12
- package/es/components/about-modal/about-modal.test.js.map +1 -1
- package/es/components/full-page-error/full-page-error.test.js +1 -2
- package/es/components/full-page-error/full-page-error.test.js.map +1 -1
- package/es/components/options-tile/options-tile.d.ts +1 -8
- package/es/components/options-tile/options-tile.js +7 -7
- package/es/components/options-tile/options-tile.js.map +1 -1
- package/es/components/options-tile/options-tile.test.d.ts +1 -0
- package/es/components/options-tile/options-tile.test.js +129 -0
- package/es/components/options-tile/options-tile.test.js.map +1 -0
- package/es/components/tearsheet/tearsheet.d.ts +1 -1
- package/es/components/tearsheet/tearsheet.js +89 -82
- package/es/components/tearsheet/tearsheet.js.map +1 -1
- package/es/components/tearsheet/tearsheet.test.d.ts +1 -1
- package/es/components/tearsheet/tearsheet.test.js +2 -3
- package/es/components/tearsheet/tearsheet.test.js.map +1 -1
- package/es/globals/internal/pconsole.d.ts +15 -0
- package/es/globals/internal/pconsole.js +30 -0
- package/es/globals/internal/pconsole.js.map +1 -0
- package/es/package.json.js +1 -1
- package/es-custom/components/about-modal/about-modal.d.ts +15 -5
- package/es-custom/components/about-modal/about-modal.js +32 -3
- package/es-custom/components/about-modal/about-modal.js.map +1 -1
- package/es-custom/components/about-modal/about-modal.test.d.ts +1 -1
- package/es-custom/components/about-modal/about-modal.test.js +133 -12
- package/es-custom/components/about-modal/about-modal.test.js.map +1 -1
- package/es-custom/components/full-page-error/full-page-error.test.js +1 -2
- package/es-custom/components/full-page-error/full-page-error.test.js.map +1 -1
- package/es-custom/components/options-tile/options-tile.d.ts +1 -8
- package/es-custom/components/options-tile/options-tile.js +7 -7
- package/es-custom/components/options-tile/options-tile.js.map +1 -1
- package/es-custom/components/options-tile/options-tile.test.d.ts +1 -0
- package/es-custom/components/options-tile/options-tile.test.js +129 -0
- package/es-custom/components/options-tile/options-tile.test.js.map +1 -0
- package/es-custom/components/tearsheet/tearsheet.d.ts +1 -1
- package/es-custom/components/tearsheet/tearsheet.js +89 -82
- package/es-custom/components/tearsheet/tearsheet.js.map +1 -1
- package/es-custom/components/tearsheet/tearsheet.test.d.ts +1 -1
- package/es-custom/components/tearsheet/tearsheet.test.js +2 -3
- package/es-custom/components/tearsheet/tearsheet.test.js.map +1 -1
- package/es-custom/globals/internal/pconsole.d.ts +15 -0
- package/es-custom/globals/internal/pconsole.js +30 -0
- package/es-custom/globals/internal/pconsole.js.map +1 -0
- package/es-custom/package.json.js +1 -1
- package/lib/components/about-modal/about-modal.d.ts +15 -5
- package/lib/components/about-modal/about-modal.test.d.ts +1 -1
- package/lib/components/options-tile/options-tile.d.ts +1 -8
- package/lib/components/options-tile/options-tile.test.d.ts +1 -0
- package/lib/components/tearsheet/tearsheet.d.ts +1 -1
- package/lib/components/tearsheet/tearsheet.test.d.ts +1 -1
- package/lib/globals/internal/pconsole.d.ts +15 -0
- package/package.json +3 -3
- package/scss/components/import-modal/story-styles.scss +10 -0
- package/es/components/about-modal/defs.d.ts +0 -8
- package/es/components/about-modal/defs.js +0 -8
- package/es/components/about-modal/defs.js.map +0 -1
- package/es-custom/components/about-modal/defs.d.ts +0 -8
- package/es-custom/components/about-modal/defs.js +0 -8
- package/es-custom/components/about-modal/defs.js.map +0 -1
- package/lib/components/about-modal/defs.d.ts +0 -8
- package/lib/components/about-modal/defs.js +0 -10
- package/lib/components/about-modal/defs.js.map +0 -1
@@ -9,6 +9,7 @@ import { __decorate } from 'tslib';
|
|
9
9
|
import { LitElement, html } from 'lit';
|
10
10
|
import { property, state, query } from 'lit/decorators.js';
|
11
11
|
import { prefix } from '../../globals/settings.js';
|
12
|
+
import HostListener from '@carbon/web-components/es/globals/decorators/host-listener.js';
|
12
13
|
import HostListenerMixin from '@carbon/web-components/es/globals/mixins/host-listener.js';
|
13
14
|
import '@carbon/web-components/es-custom/components/modal/index.js';
|
14
15
|
import styles from './about-modal.scss.js';
|
@@ -28,7 +29,6 @@ const blockClass = `${prefix}--about-modal`;
|
|
28
29
|
*
|
29
30
|
* @element c4p-about-modal
|
30
31
|
* @csspart dialog The dialog.
|
31
|
-
* @fires c4p-about-modal-beingclosed
|
32
32
|
* The custom event fired before this about modal is being closed upon a user gesture.
|
33
33
|
* Cancellation of this event stops the user-initiated action of closing this about modal.
|
34
34
|
* @fires c4p-about-modal-closed - The custom event fired after this about modal is closed upon a user gesture.
|
@@ -48,8 +48,27 @@ let CDSAboutModal = class CDSAboutModal extends HostListenerMixin(LitElement) {
|
|
48
48
|
* To check if the modal body is overflowing or not.
|
49
49
|
*/
|
50
50
|
this.isOverflowing = false;
|
51
|
-
this.
|
51
|
+
this._handleKeydown = ({ key, target }) => {
|
52
|
+
if (key === 'Esc' || key === 'Escape') {
|
53
|
+
this._handleClose(target);
|
54
|
+
}
|
55
|
+
};
|
56
|
+
/**
|
57
|
+
* Handles user-initiated close request of this About Modal.
|
58
|
+
*
|
59
|
+
* @param triggeredBy The element that triggered this close request.
|
60
|
+
*/
|
61
|
+
this._handleClose = (triggeredBy) => {
|
52
62
|
this.open = false;
|
63
|
+
const init = {
|
64
|
+
bubbles: true,
|
65
|
+
cancelable: true,
|
66
|
+
composed: true,
|
67
|
+
detail: {
|
68
|
+
triggeredBy,
|
69
|
+
},
|
70
|
+
};
|
71
|
+
this.dispatchEvent(new CustomEvent(this.constructor.eventClose, init));
|
53
72
|
};
|
54
73
|
}
|
55
74
|
firstUpdated() {
|
@@ -99,6 +118,12 @@ let CDSAboutModal = class CDSAboutModal extends HostListenerMixin(LitElement) {
|
|
99
118
|
this.container.scrollHeight > this.container.clientHeight;
|
100
119
|
}
|
101
120
|
}
|
121
|
+
/**
|
122
|
+
* The name of the custom event fired after this About Modal is closed upon a user gesture.
|
123
|
+
*/
|
124
|
+
static get eventClose() {
|
125
|
+
return `${prefix}-about-modal-closed`;
|
126
|
+
}
|
102
127
|
};
|
103
128
|
CDSAboutModal.styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader
|
104
129
|
__decorate([
|
@@ -134,10 +159,14 @@ __decorate([
|
|
134
159
|
__decorate([
|
135
160
|
query('cds-custom-modal-body')
|
136
161
|
], CDSAboutModal.prototype, "container", void 0);
|
162
|
+
__decorate([
|
163
|
+
HostListener('document:keydown')
|
164
|
+
// @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to
|
165
|
+
], CDSAboutModal.prototype, "_handleKeydown", void 0);
|
137
166
|
CDSAboutModal = __decorate([
|
138
167
|
carbonElement(`${prefix}-about-modal`)
|
139
168
|
], CDSAboutModal);
|
140
169
|
var CDSAboutModal$1 = CDSAboutModal;
|
141
170
|
|
142
|
-
export { CDSAboutModal$1 as default };
|
171
|
+
export { blockClass, CDSAboutModal$1 as default };
|
143
172
|
//# sourceMappingURL=about-modal.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"about-modal.js","sources":["../../../src/components/about-modal/about-modal.ts"],"sourcesContent":[null],"names":["customElement"],"mappings":"
|
1
|
+
{"version":3,"file":"about-modal.js","sources":["../../../src/components/about-modal/about-modal.ts"],"sourcesContent":[null],"names":["customElement"],"mappings":"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"}
|
@@ -5,8 +5,11 @@
|
|
5
5
|
* LICENSE file in the root directory of this source tree.
|
6
6
|
*/
|
7
7
|
|
8
|
-
import {
|
9
|
-
import { html,
|
8
|
+
import { describe, it, expect } from 'vitest';
|
9
|
+
import { html, fixture } from '@open-wc/testing';
|
10
|
+
import { render } from 'lit';
|
11
|
+
import { blockClass } from './about-modal.js';
|
12
|
+
import { carbonPrefix } from '../../globals/settings.js';
|
10
13
|
|
11
14
|
/**
|
12
15
|
* Copyright IBM Corp. 2025
|
@@ -14,7 +17,6 @@ import { html, render } from 'lit';
|
|
14
17
|
* This source code is licensed under the Apache-2.0 license found in the
|
15
18
|
* LICENSE file in the root directory of this source tree.
|
16
19
|
*/
|
17
|
-
vi.mock('@carbon/icons/lib/close/20', () => vi.fn().mockReturnValue({}));
|
18
20
|
const logo = html `
|
19
21
|
<img
|
20
22
|
src="./_story-assets/example-logo.svg"
|
@@ -47,6 +49,12 @@ grants you a non-exclusive, non-transferable, limited permission to access and
|
|
47
49
|
display the Web pages within this site as a customer or potential customer of
|
48
50
|
IBM provided you comply with these Terms of Use, and all copyright, trademark,
|
49
51
|
and other proprietary notices remain intact.`;
|
52
|
+
const links = [];
|
53
|
+
const index = 3;
|
54
|
+
for (let i = 0; i < index; i++) {
|
55
|
+
const link = html `<cds-custom-link href="#"> Link action </cds-custom-link>`;
|
56
|
+
links.push(link);
|
57
|
+
}
|
50
58
|
const defaultProps = {
|
51
59
|
closeIconDescription: 'close',
|
52
60
|
copyrightText: 'Copyright © IBM Corp. 2020, 2023',
|
@@ -55,12 +63,8 @@ const defaultProps = {
|
|
55
63
|
version: 'Version 0.0.0',
|
56
64
|
additionalInfo: additionalInfo,
|
57
65
|
content: content,
|
58
|
-
links:
|
66
|
+
links: links,
|
59
67
|
};
|
60
|
-
const index = 3;
|
61
|
-
for (let i = 0; i < index; i++) {
|
62
|
-
html `<cds-custom-link href="#"> Link action </cds-custom-link>`;
|
63
|
-
}
|
64
68
|
const template = (props = defaultProps) => html `
|
65
69
|
<c4p-about-modal
|
66
70
|
open
|
@@ -78,10 +82,127 @@ const template = (props = defaultProps) => html `
|
|
78
82
|
`;
|
79
83
|
describe('c4p-about-modal', () => {
|
80
84
|
it('should render about modal', async () => {
|
81
|
-
render(template(), document.body);
|
82
|
-
|
83
|
-
|
84
|
-
|
85
|
+
const element = render(template(), document.body);
|
86
|
+
expect(element).toBeDefined();
|
87
|
+
});
|
88
|
+
it('renders a title', async () => {
|
89
|
+
var _a, _b, _c;
|
90
|
+
const element = await fixture(template());
|
91
|
+
expect(element.title).toBe(defaultProps.title);
|
92
|
+
const headingElement = (_a = element.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector(`${carbonPrefix}-modal-heading`);
|
93
|
+
expect(headingElement).toBeTruthy();
|
94
|
+
expect(headingElement === null || headingElement === void 0 ? void 0 : headingElement.shadowRoot).toBeTruthy();
|
95
|
+
const slot = (_b = headingElement === null || headingElement === void 0 ? void 0 : headingElement.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('slot');
|
96
|
+
expect(slot).toBeTruthy();
|
97
|
+
const assignedNodes = (_c = slot === null || slot === void 0 ? void 0 : slot.assignedNodes({ flatten: true })) !== null && _c !== void 0 ? _c : [];
|
98
|
+
const slottedText = assignedNodes
|
99
|
+
.filter((node) => node.nodeType === Node.TEXT_NODE)
|
100
|
+
.map((node) => { var _a; return (_a = node.textContent) === null || _a === void 0 ? void 0 : _a.trim(); })
|
101
|
+
.join('');
|
102
|
+
expect(slottedText).toBe(defaultProps.title);
|
103
|
+
});
|
104
|
+
it('renders version', async () => {
|
105
|
+
var _a, _b, _c, _d;
|
106
|
+
const element = await fixture(template());
|
107
|
+
expect(element.version).toBe(defaultProps.version);
|
108
|
+
const modalBody = (_a = element.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector(`${carbonPrefix}-modal-body`);
|
109
|
+
expect(modalBody).toBeTruthy();
|
110
|
+
expect(modalBody === null || modalBody === void 0 ? void 0 : modalBody.shadowRoot).toBeTruthy();
|
111
|
+
const slot = (_b = modalBody === null || modalBody === void 0 ? void 0 : modalBody.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('slot');
|
112
|
+
expect(slot).toBeTruthy();
|
113
|
+
const assignedElements = (_c = slot === null || slot === void 0 ? void 0 : slot.assignedElements({ flatten: true })) !== null && _c !== void 0 ? _c : [];
|
114
|
+
const modalVersion = assignedElements
|
115
|
+
.map((el) => el.querySelector(`.${blockClass}__version`))
|
116
|
+
.find((el) => el !== null);
|
117
|
+
expect(modalVersion).toBeTruthy();
|
118
|
+
expect((_d = modalVersion === null || modalVersion === void 0 ? void 0 : modalVersion.textContent) === null || _d === void 0 ? void 0 : _d.trim()).toBe(defaultProps.version);
|
119
|
+
});
|
120
|
+
it('renders copyright text', async () => {
|
121
|
+
var _a, _b, _c, _d;
|
122
|
+
const element = await fixture(template());
|
123
|
+
expect(element.copyrightText).toBe(defaultProps.copyrightText);
|
124
|
+
const modalBody = (_a = element.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector(`${carbonPrefix}-modal-body`);
|
125
|
+
expect(modalBody).toBeTruthy();
|
126
|
+
expect(modalBody === null || modalBody === void 0 ? void 0 : modalBody.shadowRoot).toBeTruthy();
|
127
|
+
const slot = (_b = modalBody === null || modalBody === void 0 ? void 0 : modalBody.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('slot');
|
128
|
+
expect(slot).toBeTruthy();
|
129
|
+
const assignedElements = (_c = slot === null || slot === void 0 ? void 0 : slot.assignedElements({ flatten: true })) !== null && _c !== void 0 ? _c : [];
|
130
|
+
const modalCopyRight = assignedElements
|
131
|
+
.map((el) => el.querySelector(`.${blockClass}__copyright-text`))
|
132
|
+
.find((el) => el !== null);
|
133
|
+
expect(modalCopyRight).toBeTruthy();
|
134
|
+
expect((_d = modalCopyRight === null || modalCopyRight === void 0 ? void 0 : modalCopyRight.textContent) === null || _d === void 0 ? void 0 : _d.trim()).toBe(defaultProps.copyrightText);
|
135
|
+
});
|
136
|
+
it('renders links', async () => {
|
137
|
+
var _a, _b, _c;
|
138
|
+
const element = await fixture(template());
|
139
|
+
const modalBody = (_a = element.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector(`${carbonPrefix}-modal-body`);
|
140
|
+
expect(modalBody).toBeTruthy();
|
141
|
+
expect(modalBody === null || modalBody === void 0 ? void 0 : modalBody.shadowRoot).toBeTruthy();
|
142
|
+
const slot = (_b = modalBody === null || modalBody === void 0 ? void 0 : modalBody.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('slot');
|
143
|
+
expect(slot).toBeTruthy();
|
144
|
+
const assignedElements = (_c = slot === null || slot === void 0 ? void 0 : slot.assignedElements({ flatten: true })) !== null && _c !== void 0 ? _c : [];
|
145
|
+
if (element.links.length > 0) {
|
146
|
+
const modalLinkContainer = assignedElements
|
147
|
+
.map((el) => el.querySelector(`.${blockClass}__links-container`))
|
148
|
+
.find((el) => el !== null);
|
149
|
+
expect(modalLinkContainer).toBeTruthy();
|
150
|
+
const links = modalLinkContainer === null || modalLinkContainer === void 0 ? void 0 : modalLinkContainer.querySelectorAll(`${carbonPrefix}-link`);
|
151
|
+
expect((links === null || links === void 0 ? void 0 : links.length) == (element === null || element === void 0 ? void 0 : element.links.length)).toBeTruthy();
|
152
|
+
}
|
153
|
+
});
|
154
|
+
it('renders additional info', async () => {
|
155
|
+
var _a;
|
156
|
+
const element = await fixture(template());
|
157
|
+
if (element.additionalInfo) {
|
158
|
+
const modalFooter = (_a = element.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector(`${carbonPrefix}-modal-footer`);
|
159
|
+
expect(modalFooter).toBeTruthy();
|
160
|
+
}
|
161
|
+
});
|
162
|
+
it('closes modal on clicking close button', async () => {
|
163
|
+
var _a;
|
164
|
+
const element = await fixture(template());
|
165
|
+
const modalClose = (_a = element.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector(`${carbonPrefix}-modal-close-button`);
|
166
|
+
expect(modalClose).toBeTruthy();
|
167
|
+
expect(element.open).toBe(true);
|
168
|
+
modalClose === null || modalClose === void 0 ? void 0 : modalClose.click();
|
169
|
+
expect(element.open).toBe(false);
|
170
|
+
});
|
171
|
+
it('Scrollable body with overflowing content', async () => {
|
172
|
+
var _a;
|
173
|
+
const element = await fixture(template());
|
174
|
+
const container = (_a = element.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector(`${carbonPrefix}-modal-body`);
|
175
|
+
// Simulate overflow: content fits
|
176
|
+
Object.defineProperty(container, 'scrollHeight', {
|
177
|
+
value: 200,
|
178
|
+
configurable: true,
|
179
|
+
});
|
180
|
+
Object.defineProperty(container, 'clientHeight', {
|
181
|
+
value: 100,
|
182
|
+
configurable: true,
|
183
|
+
});
|
184
|
+
// Manually call _checkOverflow to force the overflow check
|
185
|
+
element['_checkOverflow']();
|
186
|
+
await element.updateComplete;
|
187
|
+
expect(container.classList.contains('c4p--about-modal-scroll-content')).toBe(true);
|
188
|
+
});
|
189
|
+
it('No scrollable body if content fits', async () => {
|
190
|
+
var _a;
|
191
|
+
const element = await fixture(template());
|
192
|
+
const container = (_a = element.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector(`${carbonPrefix}-modal-body`);
|
193
|
+
// Simulate non-overflow: content fits
|
194
|
+
Object.defineProperty(container, 'scrollHeight', {
|
195
|
+
value: 100,
|
196
|
+
configurable: true,
|
197
|
+
});
|
198
|
+
Object.defineProperty(container, 'clientHeight', {
|
199
|
+
value: 200,
|
200
|
+
configurable: true,
|
201
|
+
});
|
202
|
+
// Manually call _checkOverflow to force the overflow check
|
203
|
+
element['_checkOverflow']();
|
204
|
+
await element.updateComplete;
|
205
|
+
expect(container.classList.contains('c4p--about-modal-scroll-content')).toBe(false);
|
85
206
|
});
|
86
207
|
});
|
87
208
|
//# sourceMappingURL=about-modal.test.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"about-modal.test.js","sources":["../../../src/components/about-modal/about-modal.test.ts"],"sourcesContent":[null],"names":[],"mappings":"
|
1
|
+
{"version":3,"file":"about-modal.test.js","sources":["../../../src/components/about-modal/about-modal.test.ts"],"sourcesContent":[null],"names":[],"mappings":"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"}
|
@@ -5,7 +5,7 @@
|
|
5
5
|
* LICENSE file in the root directory of this source tree.
|
6
6
|
*/
|
7
7
|
|
8
|
-
import {
|
8
|
+
import { describe, it, expect } from 'vitest';
|
9
9
|
import { html, fixture, expect as expect$1 } from '@open-wc/testing';
|
10
10
|
import { render } from 'lit';
|
11
11
|
import { Kind } from './types.js';
|
@@ -17,7 +17,6 @@ import { blockClass } from './full-page-error.js';
|
|
17
17
|
* This source code is licensed under the Apache-2.0 license found in the
|
18
18
|
* LICENSE file in the root directory of this source tree.
|
19
19
|
*/
|
20
|
-
vi.mock('@carbon/icons/lib/close/20', () => vi.fn().mockReturnValue({}));
|
21
20
|
const defaultProps = {
|
22
21
|
class: 'custom-class',
|
23
22
|
label: 'Error ###',
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"full-page-error.test.js","sources":["../../../src/components/full-page-error/full-page-error.test.ts"],"sourcesContent":[null],"names":["owcExpect"],"mappings":";;;;;;;;;;;;;AAAA;;;;;AAKG;
|
1
|
+
{"version":3,"file":"full-page-error.test.js","sources":["../../../src/components/full-page-error/full-page-error.test.ts"],"sourcesContent":[null],"names":["owcExpect"],"mappings":"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"}
|
@@ -7,6 +7,7 @@
|
|
7
7
|
* LICENSE file in the root directory of this source tree.
|
8
8
|
*/
|
9
9
|
import { LitElement, nothing } from 'lit';
|
10
|
+
export declare const blockClass = "c4p--options-tile";
|
10
11
|
declare const CDSOptionsTile_base: {
|
11
12
|
new (...args: any[]): {
|
12
13
|
_handles: Set<import("@carbon/web-components/es/globals/internal/handle").default>;
|
@@ -368,14 +369,6 @@ declare class CDSOptionsTile extends CDSOptionsTile_base {
|
|
368
369
|
* If `true` the body of the component is shown
|
369
370
|
*/
|
370
371
|
open: boolean;
|
371
|
-
/**
|
372
|
-
* Callback fired when the component requests to be closed
|
373
|
-
*/
|
374
|
-
onClose?: (evt: Event) => void;
|
375
|
-
/**
|
376
|
-
* Callback fired when the component requests to be opened
|
377
|
-
*/
|
378
|
-
onOpen?: (evt: Event) => void;
|
379
372
|
/**
|
380
373
|
* Determines the size of the header
|
381
374
|
*/
|
@@ -66,6 +66,9 @@ let CDSOptionsTile = class CDSOptionsTile extends HostListenerMixin(LitElement)
|
|
66
66
|
const init = {
|
67
67
|
bubbles: true,
|
68
68
|
composed: true,
|
69
|
+
detail: {
|
70
|
+
open: this.open,
|
71
|
+
},
|
69
72
|
};
|
70
73
|
this.dispatchEvent(new CustomEvent(this.constructor.eventOpen, init));
|
71
74
|
}
|
@@ -73,6 +76,9 @@ let CDSOptionsTile = class CDSOptionsTile extends HostListenerMixin(LitElement)
|
|
73
76
|
const init = {
|
74
77
|
bubbles: true,
|
75
78
|
composed: true,
|
79
|
+
detail: {
|
80
|
+
open: this.open,
|
81
|
+
},
|
76
82
|
};
|
77
83
|
this.dispatchEvent(new CustomEvent(this.constructor.eventClose, init));
|
78
84
|
}
|
@@ -119,12 +125,6 @@ CDSOptionsTile.styles = styles;
|
|
119
125
|
__decorate([
|
120
126
|
property({ type: Boolean, reflect: true })
|
121
127
|
], CDSOptionsTile.prototype, "open", void 0);
|
122
|
-
__decorate([
|
123
|
-
property({ type: Function })
|
124
|
-
], CDSOptionsTile.prototype, "onClose", void 0);
|
125
|
-
__decorate([
|
126
|
-
property({ type: Function })
|
127
|
-
], CDSOptionsTile.prototype, "onOpen", void 0);
|
128
128
|
__decorate([
|
129
129
|
property({ type: String, reflect: true })
|
130
130
|
], CDSOptionsTile.prototype, "size", void 0);
|
@@ -139,5 +139,5 @@ CDSOptionsTile = __decorate([
|
|
139
139
|
], CDSOptionsTile);
|
140
140
|
var CDSOptionsTile$1 = CDSOptionsTile;
|
141
141
|
|
142
|
-
export { CDSOptionsTile$1 as default };
|
142
|
+
export { blockClass, CDSOptionsTile$1 as default };
|
143
143
|
//# sourceMappingURL=options-tile.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"options-tile.js","sources":["../../../src/components/options-tile/options-tile.ts"],"sourcesContent":[null],"names":["customElement"],"mappings":";;;;;;;;;;;;;;;;;AAAA;;;;;;;AAOG;
|
1
|
+
{"version":3,"file":"options-tile.js","sources":["../../../src/components/options-tile/options-tile.ts"],"sourcesContent":[null],"names":["customElement"],"mappings":"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"}
|
@@ -0,0 +1 @@
|
|
1
|
+
export {};
|
@@ -0,0 +1,129 @@
|
|
1
|
+
/**
|
2
|
+
* Copyright IBM Corp. 2024
|
3
|
+
*
|
4
|
+
* This source code is licensed under the Apache-2.0 license found in the
|
5
|
+
* LICENSE file in the root directory of this source tree.
|
6
|
+
*/
|
7
|
+
|
8
|
+
import { describe, it, expect } from 'vitest';
|
9
|
+
import { fixture, oneEvent, html } from '@open-wc/testing';
|
10
|
+
import { blockClass } from './options-tile.js';
|
11
|
+
|
12
|
+
/**
|
13
|
+
* Copyright IBM Corp. 2025
|
14
|
+
*
|
15
|
+
* This source code is licensed under the Apache-2.0 license found in the
|
16
|
+
* LICENSE file in the root directory of this source tree.
|
17
|
+
*/
|
18
|
+
const defaultEvents = {
|
19
|
+
handleOpen: () => { },
|
20
|
+
handleClose: () => { },
|
21
|
+
};
|
22
|
+
const defaultProps = {
|
23
|
+
open: false,
|
24
|
+
size: 'lg',
|
25
|
+
title: 'Test title',
|
26
|
+
titleId: 'test-title',
|
27
|
+
};
|
28
|
+
const defaultSlots = {
|
29
|
+
body: 'Test body content.',
|
30
|
+
summary: 'Test summary',
|
31
|
+
toggle: 'Toggle element',
|
32
|
+
};
|
33
|
+
const templateArgs = {
|
34
|
+
events: defaultEvents,
|
35
|
+
props: defaultProps,
|
36
|
+
slots: defaultSlots,
|
37
|
+
};
|
38
|
+
const template = (args = {}) => {
|
39
|
+
const { props, slots, events } = Object.assign(Object.assign({}, templateArgs), args);
|
40
|
+
return html `
|
41
|
+
<c4p-options-tile
|
42
|
+
id="my-tile"
|
43
|
+
?open=${props.open}
|
44
|
+
size=${props.size}
|
45
|
+
title=${props.title}
|
46
|
+
titleId=${props.titleId}
|
47
|
+
@c4p-options-tile-open=${events.handleOpen}
|
48
|
+
@c4p-options-tile-close=${events.handleClose}
|
49
|
+
>
|
50
|
+
<div slot="summary">
|
51
|
+
<span class="summary">${slots.summary}</span>
|
52
|
+
</div>
|
53
|
+
<div slot="toggle">
|
54
|
+
<span class="toggle">${slots.toggle}</span>
|
55
|
+
</div>
|
56
|
+
<div slot="body">
|
57
|
+
<span class="body">${slots.body}</span>
|
58
|
+
</div>
|
59
|
+
</c4p-options-tile>
|
60
|
+
`;
|
61
|
+
};
|
62
|
+
describe('c4p-options-tile', () => {
|
63
|
+
it('renders options tile', async () => {
|
64
|
+
const el = await fixture(template());
|
65
|
+
expect(el).toBeDefined();
|
66
|
+
});
|
67
|
+
it('renders a title', async () => {
|
68
|
+
var _a;
|
69
|
+
const el = await fixture(template());
|
70
|
+
expect(el).toBeDefined();
|
71
|
+
expect(el.title).to.equal(defaultProps.title);
|
72
|
+
const titleEl = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector(`.${blockClass}__title`);
|
73
|
+
expect(titleEl).toBeDefined();
|
74
|
+
const id = titleEl === null || titleEl === void 0 ? void 0 : titleEl.getAttribute('id');
|
75
|
+
expect(id).to.equal(defaultProps.titleId);
|
76
|
+
});
|
77
|
+
it('renders a summary', async () => {
|
78
|
+
var _a;
|
79
|
+
const el = await fixture(template());
|
80
|
+
const slot = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector(`slot[name="summary"]`);
|
81
|
+
expect(slot).toBeTruthy();
|
82
|
+
const node = slot.assignedNodes()[0];
|
83
|
+
const { innerText } = node;
|
84
|
+
expect(innerText).toBe(defaultSlots.summary);
|
85
|
+
});
|
86
|
+
it('renders a toggle', async () => {
|
87
|
+
var _a;
|
88
|
+
const el = await fixture(template());
|
89
|
+
const slot = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector(`slot[name="toggle"]`);
|
90
|
+
expect(slot).toBeTruthy();
|
91
|
+
const node = slot.assignedNodes()[0];
|
92
|
+
const { innerText } = node;
|
93
|
+
expect(innerText).toBe(defaultSlots.toggle);
|
94
|
+
});
|
95
|
+
it('renders a body', async () => {
|
96
|
+
var _a;
|
97
|
+
const el = await fixture(template({ props: { open: true } }));
|
98
|
+
const slot = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector(`slot[name="body"]`);
|
99
|
+
expect(slot).toBeTruthy();
|
100
|
+
const node = slot.assignedNodes()[0];
|
101
|
+
const { innerText } = node;
|
102
|
+
expect(innerText).toBe(defaultSlots.body);
|
103
|
+
});
|
104
|
+
it('fires open handler', async () => {
|
105
|
+
var _a;
|
106
|
+
const el = await fixture(template());
|
107
|
+
const chevron = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector(`.${blockClass}__chevron`);
|
108
|
+
const listener = oneEvent(el, 'c4p-options-tile-open');
|
109
|
+
chevron === null || chevron === void 0 ? void 0 : chevron.click();
|
110
|
+
const { detail } = await listener;
|
111
|
+
expect(detail).toBeTruthy();
|
112
|
+
});
|
113
|
+
it('fires close handler', async () => {
|
114
|
+
var _a;
|
115
|
+
const el = await fixture(template({ props: { open: true } }));
|
116
|
+
const chevron = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector(`.${blockClass}__chevron`);
|
117
|
+
const listener = oneEvent(el, 'c4p-options-tile-close');
|
118
|
+
chevron === null || chevron === void 0 ? void 0 : chevron.click();
|
119
|
+
const { detail } = await listener;
|
120
|
+
expect(detail).toBeTruthy();
|
121
|
+
});
|
122
|
+
it('has xl class when size is xl', async () => {
|
123
|
+
var _a;
|
124
|
+
const el = await fixture(template({ props: { size: 'xl' } }));
|
125
|
+
const node = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector(`.${blockClass}--xl`);
|
126
|
+
expect(node).toBeTruthy();
|
127
|
+
});
|
128
|
+
});
|
129
|
+
//# sourceMappingURL=options-tile.test.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"options-tile.test.js","sources":["../../../src/components/options-tile/options-tile.test.ts"],"sourcesContent":[null],"names":[],"mappings":"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"}
|
@@ -482,7 +482,7 @@ declare class CDSTearsheet extends CDSTearsheet_base {
|
|
482
482
|
actionsMultiple: string;
|
483
483
|
connectedCallback(): void;
|
484
484
|
disconnectedCallback(): void;
|
485
|
-
render(): import("lit-html").TemplateResult<1
|
485
|
+
render(): import("lit-html").TemplateResult<1> | null;
|
486
486
|
_checkSetOpen: () => void;
|
487
487
|
updated(changedProperties: any): Promise<void>;
|
488
488
|
/**
|