@carbon/web-components 2.27.2 → 2.28.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 +605 -50
- package/dist/16-0753806c.js +4 -4
- package/dist/16-0815751b.js +4 -4
- package/dist/16-15766a67.js +4 -4
- package/dist/16-1acbca89.js +4 -4
- package/dist/16-37a8844b.js +4 -4
- package/dist/16-48100f95.js +4 -4
- package/dist/16-7a98a3a1.js +4 -4
- package/dist/16-86aaab1b.js +4 -4
- package/dist/16-9f896de4.js +4 -4
- package/dist/16-e99fe18d.js +4 -4
- package/dist/16-ea8d6351.js +4 -4
- package/dist/16-f1660d25.js +4 -4
- package/dist/20-39279d7b.js +4 -4
- package/dist/20-8d9176aa.js +4 -4
- package/dist/accordion.min.js +4 -4
- package/dist/ai-label.min.js +4 -4
- package/dist/ai-skeleton.min.js +4 -4
- package/dist/badge-indicator.min.js +4 -4
- package/dist/breadcrumb.min.js +4 -4
- package/dist/button-421874e3.js +4 -4
- package/dist/button-set-4cd9e9e0.js +4 -4
- package/dist/button-skeleton-d5a145ad.js +4 -4
- package/dist/button.min.js +4 -4
- package/dist/carbon-element-716e46b0.js +4 -4
- package/dist/chat-button.min.js +4 -4
- package/dist/checkbox-6f022ccc.js +4 -4
- package/dist/checkbox-skeleton-ccdb20f7.js +4 -4
- package/dist/checkbox.min.js +4 -4
- package/dist/class-map-0105578d.js +4 -4
- package/dist/code-snippet.min.js +7 -7
- package/dist/collection-helpers-eb62fd34.js +4 -4
- package/dist/combo-box.min.js +4 -4
- package/dist/content-switcher-item-88de3b2e.js +4 -4
- package/dist/content-switcher.min.js +5 -5
- package/dist/{copy-button-9ec39c71.js → copy-button-e314b4fc.js} +5 -5
- package/dist/copy-button.min.js +5 -5
- package/dist/data-table.min.js +5 -5
- package/dist/date-picker.min.js +4 -4
- package/dist/definition-tooltip-c1b23e0d.js +100 -0
- package/dist/defs-c5cfba1b.js +4 -4
- package/dist/directive-e2d48b9c.js +4 -4
- package/dist/dropdown-item-97703b10.js +4 -4
- package/dist/dropdown.min.js +4 -4
- package/dist/file-uploader.min.js +5 -5
- package/dist/floating-menu-5ab3e498.js +4 -4
- package/dist/floating-menu.min.js +4 -4
- package/dist/focus-b89bb373.js +4 -4
- package/dist/form-3c2e14c6.js +4 -4
- package/dist/form-group.min.js +4 -4
- package/dist/form.min.js +4 -4
- package/dist/heading.min.js +4 -4
- package/dist/host-listener-97e78474.js +4 -4
- package/dist/icon-button-04cfbd33.js +93 -0
- package/dist/icon-button.min.js +5 -5
- package/dist/icon-indicator.min.js +4 -4
- package/dist/if-defined-3aa71b6b.js +4 -4
- package/dist/if-non-empty-a8509432.js +4 -4
- package/dist/inline-loading.min.js +9 -9
- package/dist/{layer-f7924830.js → layer-ca240e6f.js} +4 -4
- package/dist/layer.min.js +5 -5
- package/dist/link-a2b5b262.js +4 -4
- package/dist/link.min.js +4 -4
- package/dist/list.min.js +4 -4
- package/dist/{loading-e216df33.js → loading-c1352229.js} +4 -4
- package/dist/loading-icon-7b5d963f.js +4 -4
- package/dist/loading.min.js +5 -5
- package/dist/menu.min.js +4 -4
- package/dist/modal-label-88d0387a.js +4 -4
- package/dist/modal.min.js +4 -4
- package/dist/multi-select.min.js +4 -4
- package/dist/notification.min.js +4 -4
- package/dist/number-input.min.js +4 -4
- package/dist/on-8707857f.js +4 -4
- package/dist/overflow-menu.min.js +5 -5
- package/dist/pagination.min.js +4 -4
- package/dist/{popover-content-7f3bfb88.js → popover-content-7a16c170.js} +6 -6
- package/dist/popover-controller-a8e0ea49.js +4 -4
- package/dist/popover.min.js +5 -5
- package/dist/progress-bar.min.js +4 -4
- package/dist/progress-indicator.min.js +4 -4
- package/dist/property-92d0c002.js +4 -4
- package/dist/query-602de8af.js +4 -4
- package/dist/query-assigned-elements-1bd68a6e.js +4 -4
- package/dist/radio-button-skeleton-3aa5d84a.js +4 -4
- package/dist/radio-button.min.js +4 -4
- package/dist/radio-group-manager-853a7e76.js +4 -4
- package/dist/search-a8e9ec1a.js +4 -4
- package/dist/search.min.js +4 -4
- package/dist/select-8c45751e.js +4 -4
- package/dist/select.min.js +4 -4
- package/dist/settings-acffb3e3.js +4 -4
- package/dist/shape-indicator.min.js +4 -4
- package/dist/shared-enums-ccc90ee0.js +4 -4
- package/dist/side-panel.min.js +5 -5
- package/dist/skeleton-icon-6b138257.js +4 -4
- package/dist/skeleton-icon.min.js +4 -4
- package/dist/skeleton-placeholder-f88fcab6.js +4 -4
- package/dist/skeleton-placeholder.min.js +4 -4
- package/dist/skeleton-text-23b37bdb.js +4 -4
- package/dist/skeleton-text.min.js +4 -4
- package/dist/skip-to-content.min.js +4 -4
- package/dist/slider.min.js +4 -4
- package/dist/slug.min.js +4 -4
- package/dist/spread-9f8d827a.js +4 -4
- package/dist/stack.min.js +4 -4
- package/dist/state-670da9a4.js +4 -4
- package/dist/structured-list.min.js +4 -4
- package/dist/tabs.min.js +4 -4
- package/dist/tag.min.js +5 -5
- package/dist/tearsheet.min.js +5 -5
- package/dist/text-input-8eea52db.js +4 -4
- package/dist/text-input.min.js +4 -4
- package/dist/textarea.min.js +12 -12
- package/dist/tile.min.js +4 -4
- package/dist/time-picker.min.js +4 -4
- package/dist/toggle-tip.min.js +4 -4
- package/dist/toggle.min.js +5 -5
- package/dist/toggletip-ca4a9ea9.js +4 -4
- package/dist/{tooltip-content-116da10c.js → tooltip-content-d61932da.js} +6 -6
- package/dist/tooltip.min.js +5 -5
- package/dist/tree-view.min.js +4 -4
- package/dist/ui-shell.min.js +4 -4
- package/dist/validity-de6fe348.js +4 -4
- package/es/components/data-table/data-table.scss.js +1 -1
- package/es/components/file-uploader/file-uploader-button.d.ts +1 -1
- package/es/components/file-uploader/file-uploader-button.js +1 -1
- package/es/components/file-uploader/file-uploader.d.ts +1 -3
- package/es/components/file-uploader/file-uploader.js +1 -3
- package/es/components/file-uploader/file-uploader.js.map +1 -1
- package/es/components/form-group/form-group.d.ts +0 -2
- package/es/components/form-group/form-group.js +0 -2
- package/es/components/form-group/form-group.js.map +1 -1
- package/es/components/heading/heading.d.ts +6 -1
- package/es/components/heading/heading.js +5 -0
- package/es/components/heading/heading.js.map +1 -1
- package/es/components/icon-button/icon-button.d.ts +1 -0
- package/es/components/icon-button/icon-button.js +2 -0
- package/es/components/icon-button/icon-button.js.map +1 -1
- package/es/components/icon-button/icon-button.scss.js +1 -1
- package/es/components/inline-loading/inline-loading.d.ts +12 -1
- package/es/components/inline-loading/inline-loading.js +37 -4
- package/es/components/inline-loading/inline-loading.js.map +1 -1
- package/es/components/layer/layer.d.ts +1 -1
- package/es/components/layer/layer.js +1 -1
- package/es/components/loading/loading.d.ts +4 -5
- package/es/components/loading/loading.js +5 -6
- package/es/components/loading/loading.js.map +1 -1
- package/es/components/popover/popover-content.js +2 -2
- package/es/components/tag/dismissible-tag.js +1 -0
- package/es/components/tag/dismissible-tag.js.map +1 -1
- package/es/components/tag/operational-tag.js +1 -0
- package/es/components/tag/operational-tag.js.map +1 -1
- package/es/components/tag/selectable-tag.js +1 -0
- package/es/components/tag/selectable-tag.js.map +1 -1
- package/es/components/textarea/textarea.js +2 -2
- package/es/components/textarea/textarea.js.map +1 -1
- package/es/components/toggle/toggle.scss.js +1 -1
- package/es/components/tooltip/definition-tooltip.d.ts +41 -0
- package/es/components/tooltip/definition-tooltip.js +128 -0
- package/es/components/tooltip/definition-tooltip.js.map +1 -0
- package/es/components/tooltip/index.d.ts +1 -0
- package/es/components/tooltip/index.js +1 -0
- package/es/components/tooltip/index.js.map +1 -1
- package/es/components/tooltip/tooltip-content.d.ts +2 -0
- package/es/components/tooltip/tooltip-content.js +2 -0
- package/es/components/tooltip/tooltip-content.js.map +1 -1
- package/es/components/tooltip/tooltip.scss.js +1 -1
- package/es-custom/components/data-table/data-table.scss.js +1 -1
- package/es-custom/components/file-uploader/file-uploader-button.d.ts +1 -1
- package/es-custom/components/file-uploader/file-uploader-button.js +1 -1
- package/es-custom/components/file-uploader/file-uploader.d.ts +1 -3
- package/es-custom/components/file-uploader/file-uploader.js +1 -3
- package/es-custom/components/file-uploader/file-uploader.js.map +1 -1
- package/es-custom/components/form-group/form-group.d.ts +0 -2
- package/es-custom/components/form-group/form-group.js +0 -2
- package/es-custom/components/form-group/form-group.js.map +1 -1
- package/es-custom/components/heading/heading.d.ts +6 -1
- package/es-custom/components/heading/heading.js +5 -0
- package/es-custom/components/heading/heading.js.map +1 -1
- package/es-custom/components/icon-button/icon-button.d.ts +1 -0
- package/es-custom/components/icon-button/icon-button.js +2 -0
- package/es-custom/components/icon-button/icon-button.js.map +1 -1
- package/es-custom/components/icon-button/icon-button.scss.js +1 -1
- package/es-custom/components/inline-loading/inline-loading.d.ts +12 -1
- package/es-custom/components/inline-loading/inline-loading.js +37 -4
- package/es-custom/components/inline-loading/inline-loading.js.map +1 -1
- package/es-custom/components/layer/layer.d.ts +1 -1
- package/es-custom/components/layer/layer.js +1 -1
- package/es-custom/components/loading/loading.d.ts +4 -5
- package/es-custom/components/loading/loading.js +5 -6
- package/es-custom/components/loading/loading.js.map +1 -1
- package/es-custom/components/popover/popover-content.js +2 -2
- package/es-custom/components/tag/dismissible-tag.js +1 -0
- package/es-custom/components/tag/dismissible-tag.js.map +1 -1
- package/es-custom/components/tag/operational-tag.js +1 -0
- package/es-custom/components/tag/operational-tag.js.map +1 -1
- package/es-custom/components/tag/selectable-tag.js +1 -0
- package/es-custom/components/tag/selectable-tag.js.map +1 -1
- package/es-custom/components/textarea/textarea.js +2 -2
- package/es-custom/components/textarea/textarea.js.map +1 -1
- package/es-custom/components/toggle/toggle.scss.js +1 -1
- package/es-custom/components/tooltip/definition-tooltip.d.ts +41 -0
- package/es-custom/components/tooltip/definition-tooltip.js +128 -0
- package/es-custom/components/tooltip/definition-tooltip.js.map +1 -0
- package/es-custom/components/tooltip/index.d.ts +1 -0
- package/es-custom/components/tooltip/index.js +1 -0
- package/es-custom/components/tooltip/index.js.map +1 -1
- package/es-custom/components/tooltip/tooltip-content.d.ts +2 -0
- package/es-custom/components/tooltip/tooltip-content.js +2 -0
- package/es-custom/components/tooltip/tooltip-content.js.map +1 -1
- package/es-custom/components/tooltip/tooltip.scss.js +1 -1
- package/lib/components/file-uploader/file-uploader-button.d.ts +1 -1
- package/lib/components/file-uploader/file-uploader.d.ts +1 -3
- package/lib/components/form-group/form-group.d.ts +0 -2
- package/lib/components/heading/heading.d.ts +6 -1
- package/lib/components/icon-button/icon-button.d.ts +1 -0
- package/lib/components/inline-loading/inline-loading.d.ts +12 -1
- package/lib/components/layer/layer.d.ts +1 -1
- package/lib/components/loading/loading.d.ts +4 -5
- package/lib/components/tooltip/definition-tooltip.d.ts +41 -0
- package/lib/components/tooltip/index.d.ts +1 -0
- package/lib/components/tooltip/tooltip-content.d.ts +2 -0
- package/package.json +7 -7
- package/scss/components/tooltip/tooltip-story.scss +9 -0
- package/scss/components/tooltip/tooltip.scss +5 -0
- package/dist/icon-button-9ae533d5.js +0 -93
|
@@ -11,12 +11,22 @@ export { INLINE_LOADING_STATE };
|
|
|
11
11
|
* Lnline loading spinner.
|
|
12
12
|
*
|
|
13
13
|
* @element cds-custom-inline-loading
|
|
14
|
+
* @fires cds-custom-inline-loading-onsuccess The custom event fired when inline-loading has finished status
|
|
14
15
|
*/
|
|
15
16
|
declare class CDSInlineLoading extends LitElement {
|
|
17
|
+
/**
|
|
18
|
+
* @deprecated The 'assistive-text' property will be deprecated in the next major release. Please use `icon-description` instead.
|
|
19
|
+
*/
|
|
20
|
+
get assistiveText(): string;
|
|
21
|
+
set assistiveText(value: string);
|
|
16
22
|
/**
|
|
17
23
|
* The assistive text for the spinner icon.
|
|
18
24
|
*/
|
|
19
|
-
|
|
25
|
+
iconDescription: string;
|
|
26
|
+
/**
|
|
27
|
+
* Provide a delay for the setTimeout for success
|
|
28
|
+
*/
|
|
29
|
+
successDelay: number;
|
|
20
30
|
/**
|
|
21
31
|
* @returns The template for the status icon.
|
|
22
32
|
*/
|
|
@@ -25,6 +35,7 @@ declare class CDSInlineLoading extends LitElement {
|
|
|
25
35
|
* The loading status.
|
|
26
36
|
*/
|
|
27
37
|
status: INLINE_LOADING_STATE;
|
|
38
|
+
static get eventOnSuccess(): string;
|
|
28
39
|
connectedCallback(): void;
|
|
29
40
|
render(): import("lit-html").TemplateResult<1>;
|
|
30
41
|
static styles: any;
|
|
@@ -28,6 +28,7 @@ import { carbonElement } from '../../globals/decorators/carbon-element.js';
|
|
|
28
28
|
* Lnline loading spinner.
|
|
29
29
|
*
|
|
30
30
|
* @element cds-custom-inline-loading
|
|
31
|
+
* @fires cds-custom-inline-loading-onsuccess The custom event fired when inline-loading has finished status
|
|
31
32
|
*/
|
|
32
33
|
let CDSInlineLoading = class CDSInlineLoading extends LitElement {
|
|
33
34
|
constructor() {
|
|
@@ -35,25 +36,48 @@ let CDSInlineLoading = class CDSInlineLoading extends LitElement {
|
|
|
35
36
|
/**
|
|
36
37
|
* The assistive text for the spinner icon.
|
|
37
38
|
*/
|
|
38
|
-
this.
|
|
39
|
+
this.iconDescription = 'Loading';
|
|
40
|
+
/**
|
|
41
|
+
* Provide a delay for the setTimeout for success
|
|
42
|
+
*/
|
|
43
|
+
this.successDelay = 1500;
|
|
39
44
|
/**
|
|
40
45
|
* The loading status.
|
|
41
46
|
*/
|
|
42
47
|
this.status = INLINE_LOADING_STATE.ACTIVE;
|
|
43
48
|
}
|
|
49
|
+
/**
|
|
50
|
+
* @deprecated The 'assistive-text' property will be deprecated in the next major release. Please use `icon-description` instead.
|
|
51
|
+
*/
|
|
52
|
+
get assistiveText() {
|
|
53
|
+
return this.iconDescription;
|
|
54
|
+
}
|
|
55
|
+
set assistiveText(value) {
|
|
56
|
+
this.iconDescription = value;
|
|
57
|
+
}
|
|
44
58
|
/**
|
|
45
59
|
* @returns The template for the status icon.
|
|
46
60
|
*/
|
|
47
61
|
_renderIcon() {
|
|
48
|
-
const {
|
|
62
|
+
const { iconDescription, status } = this;
|
|
49
63
|
if (status === INLINE_LOADING_STATE.ERROR) {
|
|
50
64
|
return ErrorFilled16({
|
|
51
65
|
class: `${prefix}--inline-loading--error`,
|
|
66
|
+
children: html `<title>${iconDescription}</title>`,
|
|
52
67
|
});
|
|
53
68
|
}
|
|
69
|
+
const init = {
|
|
70
|
+
bubbles: true,
|
|
71
|
+
cancelable: true,
|
|
72
|
+
composed: true,
|
|
73
|
+
};
|
|
54
74
|
if (status === INLINE_LOADING_STATE.FINISHED) {
|
|
75
|
+
setTimeout(() => {
|
|
76
|
+
this.dispatchEvent(new CustomEvent(this.constructor.eventOnSuccess, init));
|
|
77
|
+
}, this.successDelay);
|
|
55
78
|
return CheckmarkFilled16({
|
|
56
79
|
class: `${prefix}--inline-loading__checkmark-container`,
|
|
80
|
+
children: html `<title>${iconDescription}</title>`,
|
|
57
81
|
});
|
|
58
82
|
}
|
|
59
83
|
if (status === INLINE_LOADING_STATE.INACTIVE ||
|
|
@@ -65,12 +89,15 @@ let CDSInlineLoading = class CDSInlineLoading extends LitElement {
|
|
|
65
89
|
});
|
|
66
90
|
return html `
|
|
67
91
|
<div class="${classes}">
|
|
68
|
-
${getLoadingIcon({ description:
|
|
92
|
+
${getLoadingIcon({ description: iconDescription, small: true })}
|
|
69
93
|
</div>
|
|
70
94
|
`;
|
|
71
95
|
}
|
|
72
96
|
return undefined;
|
|
73
97
|
}
|
|
98
|
+
static get eventOnSuccess() {
|
|
99
|
+
return `${prefix}-inline-loading-onsuccess`;
|
|
100
|
+
}
|
|
74
101
|
connectedCallback() {
|
|
75
102
|
if (!this.hasAttribute('aria-live')) {
|
|
76
103
|
this.setAttribute('aria-live', 'assertive');
|
|
@@ -95,7 +122,13 @@ let CDSInlineLoading = class CDSInlineLoading extends LitElement {
|
|
|
95
122
|
CDSInlineLoading.styles = styles; // `styles` here is a `CSSResult` generated by custom Vite loader
|
|
96
123
|
__decorate([
|
|
97
124
|
property({ attribute: 'assistive-text' })
|
|
98
|
-
], CDSInlineLoading.prototype, "assistiveText",
|
|
125
|
+
], CDSInlineLoading.prototype, "assistiveText", null);
|
|
126
|
+
__decorate([
|
|
127
|
+
property({ attribute: 'icon-description' })
|
|
128
|
+
], CDSInlineLoading.prototype, "iconDescription", void 0);
|
|
129
|
+
__decorate([
|
|
130
|
+
property({ attribute: 'success-delay' })
|
|
131
|
+
], CDSInlineLoading.prototype, "successDelay", void 0);
|
|
99
132
|
__decorate([
|
|
100
133
|
property({ reflect: true })
|
|
101
134
|
], CDSInlineLoading.prototype, "status", void 0);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"inline-loading.js","sources":["../../../src/components/inline-loading/inline-loading.ts"],"sourcesContent":[null],"names":["customElement"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;;;;;AAKG;AAeH
|
|
1
|
+
{"version":3,"file":"inline-loading.js","sources":["../../../src/components/inline-loading/inline-loading.ts"],"sourcesContent":[null],"names":["customElement"],"mappings":"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"}
|
|
@@ -17,7 +17,7 @@ export type LayerLevel = 0 | 1 | 2;
|
|
|
17
17
|
*
|
|
18
18
|
* @element cds-custom-layer
|
|
19
19
|
* @fires cds-custom-use-layer
|
|
20
|
-
* The
|
|
20
|
+
* The custom event that returns the layer level and the layer element.
|
|
21
21
|
* @slot children - The elements contained within the component.
|
|
22
22
|
*/
|
|
23
23
|
declare class CDSLayer extends LitElement {
|
|
@@ -29,7 +29,7 @@ const levels = ['zero', 'one', 'two'];
|
|
|
29
29
|
*
|
|
30
30
|
* @element cds-custom-layer
|
|
31
31
|
* @fires cds-custom-use-layer
|
|
32
|
-
* The
|
|
32
|
+
* The custom event that returns the layer level and the layer element.
|
|
33
33
|
* @slot children - The elements contained within the component.
|
|
34
34
|
*/
|
|
35
35
|
let CDSLayer = class CDSLayer extends LitElement {
|
|
@@ -13,7 +13,8 @@ import { LOADING_TYPE } from './defs';
|
|
|
13
13
|
*/
|
|
14
14
|
declare class CDSLoading extends LitElement {
|
|
15
15
|
/**
|
|
16
|
-
* @deprecated
|
|
16
|
+
* @deprecated
|
|
17
|
+
* The 'assistive-text' property will be deprecated in the next major release. Please use `description` instead.
|
|
17
18
|
*/
|
|
18
19
|
get assistiveText(): string;
|
|
19
20
|
set assistiveText(value: string);
|
|
@@ -35,12 +36,10 @@ declare class CDSLoading extends LitElement {
|
|
|
35
36
|
* `true` if overlay should be applied.
|
|
36
37
|
*/
|
|
37
38
|
overlay: boolean;
|
|
38
|
-
/**
|
|
39
|
-
* `true` if spinner should stop.
|
|
40
|
-
*/
|
|
41
39
|
/**
|
|
42
40
|
*
|
|
43
|
-
* @deprecated
|
|
41
|
+
* @deprecated
|
|
42
|
+
* The 'inactive' property will be deprecated in the next major release. Please use `active` instead.
|
|
44
43
|
*/
|
|
45
44
|
get inactive(): boolean;
|
|
46
45
|
set inactive(value: boolean);
|
|
@@ -48,7 +48,8 @@ let CDSLoading = class CDSLoading extends LitElement {
|
|
|
48
48
|
this.active = false;
|
|
49
49
|
}
|
|
50
50
|
/**
|
|
51
|
-
* @deprecated
|
|
51
|
+
* @deprecated
|
|
52
|
+
* The 'assistive-text' property will be deprecated in the next major release. Please use `description` instead.
|
|
52
53
|
*/
|
|
53
54
|
get assistiveText() {
|
|
54
55
|
return this.description;
|
|
@@ -66,12 +67,10 @@ let CDSLoading = class CDSLoading extends LitElement {
|
|
|
66
67
|
set type(value) {
|
|
67
68
|
this.small = value == LOADING_TYPE.SMALL;
|
|
68
69
|
}
|
|
69
|
-
/**
|
|
70
|
-
* `true` if spinner should stop.
|
|
71
|
-
*/
|
|
72
70
|
/**
|
|
73
71
|
*
|
|
74
|
-
* @deprecated
|
|
72
|
+
* @deprecated
|
|
73
|
+
* The 'inactive' property will be deprecated in the next major release. Please use `active` instead.
|
|
75
74
|
*/
|
|
76
75
|
get inactive() {
|
|
77
76
|
return !this.active;
|
|
@@ -90,7 +89,7 @@ let CDSLoading = class CDSLoading extends LitElement {
|
|
|
90
89
|
return overlay ? html `<div class="${innerClasses}">${icon}</div>` : icon;
|
|
91
90
|
}
|
|
92
91
|
};
|
|
93
|
-
CDSLoading.styles = styles;
|
|
92
|
+
CDSLoading.styles = styles;
|
|
94
93
|
__decorate([
|
|
95
94
|
property({ attribute: 'assistive-text' })
|
|
96
95
|
], CDSLoading.prototype, "assistiveText", null);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"loading.js","sources":["../../../src/components/loading/loading.ts"],"sourcesContent":[null],"names":["customElement"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;;;;;AAKG;AAWH;;;;AAIG;AAGH,IAAM,UAAU,GAAhB,MAAM,UAAW,SAAQ,UAAU,CAAA;AAAnC,IAAA,WAAA,GAAA;;
|
|
1
|
+
{"version":3,"file":"loading.js","sources":["../../../src/components/loading/loading.ts"],"sourcesContent":[null],"names":["customElement"],"mappings":"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"}
|
|
@@ -54,7 +54,7 @@ let CDSPopoverContent = class CDSPopoverContent extends LitElement {
|
|
|
54
54
|
render() {
|
|
55
55
|
if (this.autoalign) {
|
|
56
56
|
return html `
|
|
57
|
-
<span class="${prefix}--popover-content">
|
|
57
|
+
<span class="${prefix}--popover-content" part="content">
|
|
58
58
|
<slot> </slot>
|
|
59
59
|
<span class="${prefix}--popover-caret"></span>
|
|
60
60
|
</span>
|
|
@@ -62,7 +62,7 @@ let CDSPopoverContent = class CDSPopoverContent extends LitElement {
|
|
|
62
62
|
}
|
|
63
63
|
else {
|
|
64
64
|
return html `
|
|
65
|
-
<span class="${prefix}--popover-content">
|
|
65
|
+
<span class="${prefix}--popover-content" part="content">
|
|
66
66
|
<slot> </slot>
|
|
67
67
|
</span>
|
|
68
68
|
<span class="${prefix}--popover-caret"></span>
|
|
@@ -18,6 +18,7 @@ export { TAG_SIZE, TAG_TYPE } from './defs.js';
|
|
|
18
18
|
import CDSTag from './tag.js';
|
|
19
19
|
import '../tooltip/tooltip.js';
|
|
20
20
|
import '../tooltip/tooltip-content.js';
|
|
21
|
+
import '../tooltip/definition-tooltip.js';
|
|
21
22
|
import styles from './tag.scss.js';
|
|
22
23
|
import { carbonElement } from '../../globals/decorators/carbon-element.js';
|
|
23
24
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"dismissible-tag.js","sources":["../../../src/components/tag/dismissible-tag.ts"],"sourcesContent":[null],"names":["customElement"],"mappings":"
|
|
1
|
+
{"version":3,"file":"dismissible-tag.js","sources":["../../../src/components/tag/dismissible-tag.ts"],"sourcesContent":[null],"names":["customElement"],"mappings":"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"}
|
|
@@ -17,6 +17,7 @@ export { TAG_SIZE, TAG_TYPE } from './defs.js';
|
|
|
17
17
|
import './tag.js';
|
|
18
18
|
import '../tooltip/tooltip.js';
|
|
19
19
|
import '../tooltip/tooltip-content.js';
|
|
20
|
+
import '../tooltip/definition-tooltip.js';
|
|
20
21
|
import styles from './tag.scss.js';
|
|
21
22
|
import { carbonElement } from '../../globals/decorators/carbon-element.js';
|
|
22
23
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"operational-tag.js","sources":["../../../src/components/tag/operational-tag.ts"],"sourcesContent":[null],"names":["customElement"],"mappings":"
|
|
1
|
+
{"version":3,"file":"operational-tag.js","sources":["../../../src/components/tag/operational-tag.ts"],"sourcesContent":[null],"names":["customElement"],"mappings":"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"}
|
|
@@ -17,6 +17,7 @@ export { TAG_SIZE, TAG_TYPE } from './defs.js';
|
|
|
17
17
|
import './tag.js';
|
|
18
18
|
import '../tooltip/tooltip.js';
|
|
19
19
|
import '../tooltip/tooltip-content.js';
|
|
20
|
+
import '../tooltip/definition-tooltip.js';
|
|
20
21
|
import styles from './tag.scss.js';
|
|
21
22
|
import { carbonElement } from '../../globals/decorators/carbon-element.js';
|
|
22
23
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"selectable-tag.js","sources":["../../../src/components/tag/selectable-tag.ts"],"sourcesContent":[null],"names":["customElement"],"mappings":"
|
|
1
|
+
{"version":3,"file":"selectable-tag.js","sources":["../../../src/components/tag/selectable-tag.ts"],"sourcesContent":[null],"names":["customElement"],"mappings":"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"}
|
|
@@ -62,9 +62,9 @@ let CDSTextarea = class CDSTextarea extends CDSTextInput {
|
|
|
62
62
|
this.value = target.value;
|
|
63
63
|
}
|
|
64
64
|
render() {
|
|
65
|
-
var _a;
|
|
65
|
+
var _a, _b;
|
|
66
66
|
const { enableCounter, maxCount } = this;
|
|
67
|
-
const textCount = (_a = this.value) === null || _a === void 0 ? void 0 : _a.length;
|
|
67
|
+
const textCount = (_b = (_a = this.value) === null || _a === void 0 ? void 0 : _a.length) !== null && _b !== void 0 ? _b : 0;
|
|
68
68
|
const invalidIcon = WarningFilled16({
|
|
69
69
|
class: `${prefix}--text-area__invalid-icon`,
|
|
70
70
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"textarea.js","sources":["../../../src/components/textarea/textarea.ts"],"sourcesContent":[null],"names":["customElement"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;;;;;AAKG;AAcH;;;;;;;AAOG;AAEH,IAAM,WAAW,GAAjB,MAAM,WAAY,SAAQ,YAAY,CAAA;AAAtC,IAAA,WAAA,GAAA;;AAiBE;;AAEG;QAEH,IAAE,CAAA,EAAA,GAAG,EAAE,CAAC;AAER;;AAEG;QAEH,IAAO,CAAA,OAAA,GAAG,EAAE,CAAC;AAEb;;AAEG;QAEH,IAAQ,CAAA,QAAA,GAAG,KAAK,CAAC;AAEjB;;AAEG;QAEH,IAAI,CAAA,IAAA,GAAG,CAAC,CAAC;KAgHV;AAtJC;;;;;AAKG;IACO,YAAY,CAAC,EAAE,MAAM,EAAS,EAAA;AACtC,QAAA,IAAI,CAAC,KAAK,GAAI,MAA8B,CAAC,KAAK,CAAC;KACpD;IAuCD,MAAM,GAAA;;AACJ,QAAA,MAAM,EAAE,aAAa,EAAE,QAAQ,EAAE,GAAG,IAAI,CAAC;QAEzC,MAAM,SAAS,GAAG,CAAA,EAAA,GAAA,IAAI,CAAC,KAAK,
|
|
1
|
+
{"version":3,"file":"textarea.js","sources":["../../../src/components/textarea/textarea.ts"],"sourcesContent":[null],"names":["customElement"],"mappings":"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"}
|
|
@@ -7,7 +7,7 @@
|
|
|
7
7
|
|
|
8
8
|
import { css } from 'lit';
|
|
9
9
|
|
|
10
|
-
var styles = css([".cds-custom--assistive-text,.cds-custom--visually-hidden{block-size:1px;border:0;margin:-1px;overflow:hidden;padding:0;position:absolute;clip:rect(0,0,0,0);inline-size:1px;visibility:inherit;white-space:nowrap}@keyframes cds-custom--hide-feedback{0%{opacity:1;visibility:inherit}to{opacity:0;visibility:hidden}}@keyframes cds-custom--show-feedback{0%{opacity:0;visibility:hidden}to{opacity:1;visibility:inherit}}@keyframes cds-custom--skeleton{0%{opacity:.3;transform:scaleX(0);transform-origin:left}20%{opacity:1;transform:scaleX(1);transform-origin:left}28%{transform:scaleX(1);transform-origin:right}51%{transform:scaleX(0);transform-origin:right}58%{transform:scaleX(0);transform-origin:right}82%{transform:scaleX(1);transform-origin:right}83%{transform:scaleX(1);transform-origin:left}96%{transform:scaleX(0);transform-origin:left}to{opacity:.3;transform:scaleX(0);transform-origin:left}}.cds-custom--toggle{display:inline-block;-webkit-user-select:none;-moz-user-select:none;user-select:none}.cds-custom--toggle__label-text{color:var(--cds-custom-text-secondary,#525252);display:block;font-size:var(--cds-custom-label-01-font-size,.75rem);font-weight:var(--cds-custom-label-01-font-weight,400);letter-spacing:var(--cds-custom-label-01-letter-spacing,.32px);line-height:var(--cds-custom-label-01-line-height,1.33333);margin-block-end:1rem}.cds-custom--toggle__button{block-size:1px;border:0;margin:-1px;overflow:hidden;padding:0;position:absolute;clip:rect(0,0,0,0);inline-size:1px;visibility:inherit;white-space:nowrap}.cds-custom--toggle__button:focus{outline:none}.cds-custom--toggle__appearance{align-items:center;-moz-column-gap:.5rem;column-gap:.5rem;cursor:pointer;display:inline-grid;grid-template-columns:max-content max-content}.cds-custom--toggle__switch{background-color:var(--cds-custom-toggle-off,#8d8d8d);block-size:1.5rem;border-radius:.75rem;inline-size:3rem;position:relative;transition:background-color 70ms cubic-bezier(.2,0,1,.9)}.cds-custom--toggle__switch:before{background-color:var(--cds-custom-icon-on-color,#fff);block-size:1.125rem;border-radius:50%;content:\"\";inline-size:1.125rem;inset-block-start:.1875rem;inset-inline-start:.1875rem;position:absolute;transition:transform 70ms cubic-bezier(.2,0,1,.9)}@media screen and (prefers-reduced-motion:reduce){.cds-custom--toggle__switch:before{transition:none}}.cds-custom--toggle:not(.cds-custom--toggle--disabled):active .cds-custom--toggle__switch:after,.cds-custom--toggle__button:focus+.cds-custom--toggle__label .cds-custom--toggle__switch:after{block-size:
|
|
10
|
+
var styles = css([".cds-custom--assistive-text,.cds-custom--visually-hidden{block-size:1px;border:0;margin:-1px;overflow:hidden;padding:0;position:absolute;clip:rect(0,0,0,0);inline-size:1px;visibility:inherit;white-space:nowrap}@keyframes cds-custom--hide-feedback{0%{opacity:1;visibility:inherit}to{opacity:0;visibility:hidden}}@keyframes cds-custom--show-feedback{0%{opacity:0;visibility:hidden}to{opacity:1;visibility:inherit}}@keyframes cds-custom--skeleton{0%{opacity:.3;transform:scaleX(0);transform-origin:left}20%{opacity:1;transform:scaleX(1);transform-origin:left}28%{transform:scaleX(1);transform-origin:right}51%{transform:scaleX(0);transform-origin:right}58%{transform:scaleX(0);transform-origin:right}82%{transform:scaleX(1);transform-origin:right}83%{transform:scaleX(1);transform-origin:left}96%{transform:scaleX(0);transform-origin:left}to{opacity:.3;transform:scaleX(0);transform-origin:left}}.cds-custom--toggle{display:inline-block;-webkit-user-select:none;-moz-user-select:none;user-select:none}.cds-custom--toggle__label-text{color:var(--cds-custom-text-secondary,#525252);display:block;font-size:var(--cds-custom-label-01-font-size,.75rem);font-weight:var(--cds-custom-label-01-font-weight,400);letter-spacing:var(--cds-custom-label-01-letter-spacing,.32px);line-height:var(--cds-custom-label-01-line-height,1.33333);margin-block-end:1rem}.cds-custom--toggle__button{block-size:1px;border:0;margin:-1px;overflow:hidden;padding:0;position:absolute;clip:rect(0,0,0,0);inline-size:1px;visibility:inherit;white-space:nowrap}.cds-custom--toggle__button:focus{outline:none}.cds-custom--toggle__appearance{align-items:center;-moz-column-gap:.5rem;column-gap:.5rem;cursor:pointer;display:inline-grid;grid-template-columns:max-content max-content}.cds-custom--toggle__switch{background-color:var(--cds-custom-toggle-off,#8d8d8d);block-size:1.5rem;border-radius:.75rem;inline-size:3rem;position:relative;transition:background-color 70ms cubic-bezier(.2,0,1,.9)}.cds-custom--toggle__switch:before{background-color:var(--cds-custom-icon-on-color,#fff);block-size:1.125rem;border-radius:50%;content:\"\";inline-size:1.125rem;inset-block-start:.1875rem;inset-inline-start:.1875rem;position:absolute;transition:transform 70ms cubic-bezier(.2,0,1,.9)}@media screen and (prefers-reduced-motion:reduce){.cds-custom--toggle__switch:before{transition:none}}.cds-custom--toggle:not(.cds-custom--toggle--disabled):active .cds-custom--toggle__switch:after,.cds-custom--toggle__button:focus+.cds-custom--toggle__label .cds-custom--toggle__switch:after{block-size:100%;border-radius:1rem;content:\"\";display:block;outline:2px solid var(--cds-custom-focus,#0f62fe);outline-offset:1px}.cds-custom--toggle__switch--checked{background-color:var(--cds-custom-support-success,#24a148)}.cds-custom--toggle__switch--checked:before{transform:translateX(1.5rem)}.cds-custom--toggle__text{color:var(--cds-custom-text-primary,#161616);font-size:var(--cds-custom-body-01-font-size,.875rem);font-weight:var(--cds-custom-body-01-font-weight,400);letter-spacing:var(--cds-custom-body-01-letter-spacing,.16px);line-height:var(--cds-custom-body-01-line-height,1.42857)}.cds-custom--toggle__appearance--sm .cds-custom--toggle__switch{block-size:1rem;inline-size:2rem}.cds-custom--toggle__appearance--sm .cds-custom--toggle__switch:before{block-size:.625rem;inline-size:.625rem}.cds-custom--toggle__appearance--sm .cds-custom--toggle__switch--checked:before{transform:translateX(1rem)}.cds-custom--toggle__check{block-size:.3125rem;position:absolute;fill:var(--cds-custom-support-success,#24a148);inline-size:.375rem;inset-block-start:.375rem;inset-inline-end:.3125rem;visibility:hidden}.cds-custom--toggle__switch--checked .cds-custom--toggle__check{visibility:visible}.cds-custom--toggle--disabled .cds-custom--toggle__appearance,:host(cds-custom-toggle[disabled]) .cds-custom--toggle__appearance{cursor:not-allowed}.cds-custom--toggle--disabled .cds-custom--toggle__label-text,.cds-custom--toggle--disabled .cds-custom--toggle__text,:host(cds-custom-toggle[disabled]) .cds-custom--toggle__label-text,:host(cds-custom-toggle[disabled]) .cds-custom--toggle__text{color:var(--cds-custom-text-disabled,hsla(0,0%,9%,.25))}.cds-custom--toggle--disabled .cds-custom--toggle__switch,:host(cds-custom-toggle[disabled]) .cds-custom--toggle__switch{background-color:var(--cds-custom-button-disabled,#c6c6c6)}.cds-custom--toggle--disabled .cds-custom--toggle__switch:before,:host(cds-custom-toggle[disabled]) .cds-custom--toggle__switch:before{background-color:var(--cds-custom-icon-on-color-disabled,#8d8d8d)}.cds-custom--toggle--disabled .cds-custom--toggle__check,:host(cds-custom-toggle[disabled]) .cds-custom--toggle__check{fill:var(--cds-custom-button-disabled,#c6c6c6)}.cds-custom--toggle--readonly .cds-custom--toggle__appearance,:host(cds-custom-toggle[read-only]) .cds-custom--toggle__appearance{cursor:default}.cds-custom--toggle--readonly .cds-custom--toggle__switch,:host(cds-custom-toggle[read-only]) .cds-custom--toggle__switch{background-color:transparent;border:1px solid var(--cds-custom-icon-disabled,hsla(0,0%,9%,.25))}.cds-custom--toggle--readonly .cds-custom--toggle__switch:before,:host(cds-custom-toggle[read-only]) .cds-custom--toggle__switch:before{background-color:var(--cds-custom-text-primary,#161616);inset-block-start:.125rem;inset-inline-start:.125rem}.cds-custom--toggle--readonly .cds-custom--toggle__check,:host(cds-custom-toggle[read-only]) .cds-custom--toggle__check{fill:var(--cds-custom-background,#fff);inset-block-start:.3125rem;inset-inline-end:.25rem}.cds-custom--toggle--readonly .cds-custom--toggle__text,:host(cds-custom-toggle[read-only]) .cds-custom--toggle__text{cursor:text;-webkit-user-select:text;-moz-user-select:text;user-select:text}@media (forced-colors:active),screen and (-ms-high-contrast:active){.cds-custom--toggle__switch,.cds-custom--toggle__switch:before{outline:1px solid transparent}.cds-custom--toggle:not(.cds-custom--toggle--disabled):active .cds-custom--toggle__switch,.cds-custom--toggle__button:focus+.cds-custom--toggle__label .cds-custom--toggle__switch{color:Highlight;outline:1px solid Highlight}}.cds-custom--toggle--skeleton{align-items:center;display:flex}.cds-custom--toggle--skeleton .cds-custom--toggle__skeleton-circle{background:var(--cds-custom-skeleton-background,#e8e8e8);block-size:1.125rem;border-radius:50%;inline-size:1.125rem;overflow:hidden;position:relative}.cds-custom--toggle--skeleton .cds-custom--toggle__skeleton-circle:before{animation:cds-custom--skeleton 3s ease-in-out infinite;background:var(--cds-custom-skeleton-element,#c6c6c6);block-size:100%;content:\"\";inline-size:200%;position:absolute;will-change:transform-origin,transform,opacity}@media (prefers-reduced-motion:reduce){.cds-custom--toggle--skeleton .cds-custom--toggle__skeleton-circle:before{animation:none}}.cds-custom--toggle--skeleton .cds-custom--toggle__skeleton-rectangle{background:var(--cds-custom-skeleton-background,#e8e8e8);block-size:.5rem;border:none;box-shadow:none;inline-size:1.5rem;margin-inline-start:.5rem;padding:0;pointer-events:none;position:relative}.cds-custom--toggle--skeleton .cds-custom--toggle__skeleton-rectangle:active,.cds-custom--toggle--skeleton .cds-custom--toggle__skeleton-rectangle:focus,.cds-custom--toggle--skeleton .cds-custom--toggle__skeleton-rectangle:hover{border:none;cursor:default;outline:none}.cds-custom--toggle--skeleton .cds-custom--toggle__skeleton-rectangle:before{animation:cds-custom--skeleton 3s ease-in-out infinite;background:var(--cds-custom-skeleton-element,#c6c6c6);block-size:100%;content:\"\";inline-size:100%;inset-inline-start:0;position:absolute;will-change:transform-origin,transform,opacity}@media (prefers-reduced-motion:reduce){.cds-custom--toggle--skeleton .cds-custom--toggle__skeleton-rectangle:before{animation:none}}[dir=rtl] .cds-custom--toggle__switch--checked:before{transform:translateX(-1.5rem)}[dir=rtl] .cds-custom--toggle__appearance--sm .cds-custom--toggle__switch--checked:before{transform:translateX(-1rem)}:host(cds-custom-toggle){outline:none}:host(cds-custom-toggle[disabled]) .cds-custom--toggle__appearance{cursor:not-allowed}"]);
|
|
11
11
|
|
|
12
12
|
export { styles as default };
|
|
13
13
|
//# sourceMappingURL=toggle.scss.js.map
|
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Copyright IBM Corp. 2019, 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
|
+
import { LitElement } from 'lit';
|
|
8
|
+
import '../popover/index';
|
|
9
|
+
/**
|
|
10
|
+
* Definition tooltip.
|
|
11
|
+
*
|
|
12
|
+
* @element cds-custom-definition-tooltip
|
|
13
|
+
*/
|
|
14
|
+
declare class CDSDefinitionTooltip extends LitElement {
|
|
15
|
+
/**
|
|
16
|
+
* Specify how the trigger should align with the tooltip
|
|
17
|
+
*/
|
|
18
|
+
align: string;
|
|
19
|
+
/**
|
|
20
|
+
* Will auto-align Definition Tooltip. This prop is currently experimental and is subject to future changes.
|
|
21
|
+
*/
|
|
22
|
+
autoalign: boolean;
|
|
23
|
+
/**
|
|
24
|
+
* Specify whether the tooltip should be open when it first renders
|
|
25
|
+
*/
|
|
26
|
+
defaultOpen: boolean;
|
|
27
|
+
/**
|
|
28
|
+
* Specifies whether the `DefinitionTooltip` should open on hover or not
|
|
29
|
+
*/
|
|
30
|
+
openOnHover: boolean;
|
|
31
|
+
open: boolean;
|
|
32
|
+
connectedCallback(): void;
|
|
33
|
+
protected _handleBlur(): void;
|
|
34
|
+
protected _handleMouseDown(): void;
|
|
35
|
+
protected _handleKeyDown(event: KeyboardEvent): void;
|
|
36
|
+
protected _handleHover(): void;
|
|
37
|
+
protected _handleFocus(): void;
|
|
38
|
+
render(): import("lit-html").TemplateResult<1>;
|
|
39
|
+
static styles: any;
|
|
40
|
+
}
|
|
41
|
+
export default CDSDefinitionTooltip;
|
|
@@ -0,0 +1,128 @@
|
|
|
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 { __decorate } from 'tslib';
|
|
9
|
+
import { LitElement, html } from 'lit';
|
|
10
|
+
import { property, state } from 'lit/decorators.js';
|
|
11
|
+
import { prefix } from '../../globals/settings.js';
|
|
12
|
+
import { POPOVER_ALIGNMENT } from '../popover/defs.js';
|
|
13
|
+
import '../popover/popover.js';
|
|
14
|
+
import '../popover/popover-content.js';
|
|
15
|
+
import styles from './tooltip.scss.js';
|
|
16
|
+
import { carbonElement } from '../../globals/decorators/carbon-element.js';
|
|
17
|
+
|
|
18
|
+
/**
|
|
19
|
+
* Copyright IBM Corp. 2019, 2024
|
|
20
|
+
*
|
|
21
|
+
* This source code is licensed under the Apache-2.0 license found in the
|
|
22
|
+
* LICENSE file in the root directory of this source tree.
|
|
23
|
+
*/
|
|
24
|
+
/**
|
|
25
|
+
* Definition tooltip.
|
|
26
|
+
*
|
|
27
|
+
* @element cds-custom-definition-tooltip
|
|
28
|
+
*/
|
|
29
|
+
let CDSDefinitionTooltip = class CDSDefinitionTooltip extends LitElement {
|
|
30
|
+
constructor() {
|
|
31
|
+
super(...arguments);
|
|
32
|
+
/**
|
|
33
|
+
* Specify how the trigger should align with the tooltip
|
|
34
|
+
*/
|
|
35
|
+
this.align = 'bottom';
|
|
36
|
+
/**
|
|
37
|
+
* Will auto-align Definition Tooltip. This prop is currently experimental and is subject to future changes.
|
|
38
|
+
*/
|
|
39
|
+
this.autoalign = false;
|
|
40
|
+
/**
|
|
41
|
+
* Specify whether the tooltip should be open when it first renders
|
|
42
|
+
*/
|
|
43
|
+
this.defaultOpen = false;
|
|
44
|
+
/**
|
|
45
|
+
* Specifies whether the `DefinitionTooltip` should open on hover or not
|
|
46
|
+
*/
|
|
47
|
+
this.openOnHover = false;
|
|
48
|
+
this.open = false;
|
|
49
|
+
}
|
|
50
|
+
connectedCallback() {
|
|
51
|
+
super.connectedCallback();
|
|
52
|
+
if (this.hasAttribute('default-open')) {
|
|
53
|
+
this.open = true;
|
|
54
|
+
}
|
|
55
|
+
}
|
|
56
|
+
_handleBlur() {
|
|
57
|
+
this.open = false;
|
|
58
|
+
}
|
|
59
|
+
_handleMouseDown() {
|
|
60
|
+
this.open = !this.open;
|
|
61
|
+
}
|
|
62
|
+
_handleKeyDown(event) {
|
|
63
|
+
const { key } = event;
|
|
64
|
+
if (this.open && (key === 'Esc' || key === 'Escape')) {
|
|
65
|
+
event.stopPropagation();
|
|
66
|
+
this.open = false;
|
|
67
|
+
}
|
|
68
|
+
}
|
|
69
|
+
_handleHover() {
|
|
70
|
+
if (this.openOnHover && !this.open) {
|
|
71
|
+
this.open = true;
|
|
72
|
+
}
|
|
73
|
+
else {
|
|
74
|
+
this.open = false;
|
|
75
|
+
}
|
|
76
|
+
}
|
|
77
|
+
_handleFocus() {
|
|
78
|
+
this.open = true;
|
|
79
|
+
}
|
|
80
|
+
render() {
|
|
81
|
+
const { align, open } = this;
|
|
82
|
+
return html `
|
|
83
|
+
<cds-custom-popover
|
|
84
|
+
@mouseenter=${this._handleHover}
|
|
85
|
+
@mouseleave=${this._handleHover}
|
|
86
|
+
highContrast
|
|
87
|
+
dropShadow=${false}
|
|
88
|
+
align=${align}
|
|
89
|
+
.open=${open}>
|
|
90
|
+
<button
|
|
91
|
+
@focus=${this._handleFocus}
|
|
92
|
+
@blur=${this._handleBlur}
|
|
93
|
+
@mousedown=${this._handleMouseDown}
|
|
94
|
+
@keydown=${this._handleKeyDown}
|
|
95
|
+
aria-expanded=${open}
|
|
96
|
+
class="${prefix}--definition-term">
|
|
97
|
+
<slot></slot>
|
|
98
|
+
</button>
|
|
99
|
+
<cds-custom-popover-content>
|
|
100
|
+
<slot name="definition"></slot>
|
|
101
|
+
</cds-custom-popover-content>
|
|
102
|
+
</cds-custom-popover>
|
|
103
|
+
`;
|
|
104
|
+
}
|
|
105
|
+
};
|
|
106
|
+
CDSDefinitionTooltip.styles = styles;
|
|
107
|
+
__decorate([
|
|
108
|
+
property({ reflect: true, type: POPOVER_ALIGNMENT })
|
|
109
|
+
], CDSDefinitionTooltip.prototype, "align", void 0);
|
|
110
|
+
__decorate([
|
|
111
|
+
property({ type: Boolean, reflect: true })
|
|
112
|
+
], CDSDefinitionTooltip.prototype, "autoalign", void 0);
|
|
113
|
+
__decorate([
|
|
114
|
+
property({ type: Boolean, reflect: true, attribute: 'default-open' })
|
|
115
|
+
], CDSDefinitionTooltip.prototype, "defaultOpen", void 0);
|
|
116
|
+
__decorate([
|
|
117
|
+
property({ reflect: true, type: Boolean, attribute: 'open-on-hover' })
|
|
118
|
+
], CDSDefinitionTooltip.prototype, "openOnHover", void 0);
|
|
119
|
+
__decorate([
|
|
120
|
+
state()
|
|
121
|
+
], CDSDefinitionTooltip.prototype, "open", void 0);
|
|
122
|
+
CDSDefinitionTooltip = __decorate([
|
|
123
|
+
carbonElement(`${prefix}-definition-tooltip`)
|
|
124
|
+
], CDSDefinitionTooltip);
|
|
125
|
+
var CDSDefinitionTooltip$1 = CDSDefinitionTooltip;
|
|
126
|
+
|
|
127
|
+
export { CDSDefinitionTooltip$1 as default };
|
|
128
|
+
//# sourceMappingURL=definition-tooltip.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"definition-tooltip.js","sources":["../../../src/components/tooltip/definition-tooltip.ts"],"sourcesContent":[null],"names":["customElement"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;"}
|